IE6下关于div标签height的Bug解决方案

发布时间:2019-10-08编辑:脚本学堂
本文主要介绍IE6下关于div标签height出现的Bug解决方案,有兴趣的朋友认真看一下。

看看DIV有无内容,决定是哪些影响其高度:
1.DIV为空标签的时:DIV有一个默认的高度(大约20px左右吧),如果hiehgt的值小于这个数字,DIV不会有任何反应,大于则可以控制;而line-height在这没有用,因为没有内容,也就不存在行高。

2.当DIV标签内有内容时(哪怕是一个 ):DIV的高度依然是默认的(依旧是20px左右),而这时候的height仍然只能设置大于这个数的值,否则DIV不会受控制;但是可以使用line-height来控制DIV的高度,是控制DIV内的内容行高,使 DIV受行高的变化而变化。

如果设置了height的值,当line-height小于height的值的时候,DIV取的是height的 值;如果line-height大于height的值,那这时候影响DIV高度的就是line-height的值。其它的浏览器里不会出现这个问题,也就是说line-height大于height的时候,DIV的高度依旧是height,最多是看不见内容,但DIV的高度不会被line-height所控制。有人“使用overflow:hidden;第二种情况也是由height来控制了”经证实:当DIV的高度被line-height撑高的时候,使用overflow:hidden;则会使超出DIV高度那部份的内容不可见,从而使DIV的高度受hiehgt控制。