使用css-height属性需注意的几个问题

366 阅读1分钟

一、与width属性不同,height属性不具有继承性,只能参考其父级的height属性值,如果父级的height属性值是有效的(即固定值或可由其父级计算calc得到),则height:100%会参照父级的height值得到自身元素的值。如果父级设置min-height和max-height值时,子级是不能由父级的height值计算得出的,因为父级此时的height并不是显性的固定的高度。

二、height设置百分比时,只是继承父级,如果父级没有高度,则不会继承任何元素的高度,不涉及向上查找。

三、如果div的height需要全屏显示的话,需设置html,body的height:100%。