慎用css绝对定位和height:100%

慎用css绝对定位和height:100%

1516发表于2017-03-31

今天遇到一个问题footer是否不显示?清除了浮动,也不是绝对定位。发现footer相邻的上一个div就把高度空间占满了,footer已经占满了。


footer


原来罪魁祸首是为body设置了下面两个属性:


height:100%;overflow:hidden;


注意:


height:auto,是指根据块内内容自动调节高度。
height:100%,是指其相对父块高度而定义的高度,也就是按照离它最近且有定义高度的父层的高度来定义高度。


总结:

1、height:100%;overflow:hidden; 浏览器出现莫名的奇妙的问题。

2、一定要慎用绝对定位,不要为了省事快速,以后有时候改起来可能会很麻烦。

小编蓝狐