IE6下不能设置height:1px的元素是什么原因如何解决
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
bug出现原因:
在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。
解决办法:
第一:
定义该DIV字体大小。
例如:
复制代码代码如下:
<div style="height:1px;font-size:0;"></div>
第二:
直接限制自动调整
复制代码代码如下:
<div style="height: 1px; overflow: hidden;"></div>
在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。
解决办法:
第一:
定义该DIV字体大小。
例如:
复制代码代码如下:
<div style="height:1px;font-size:0;"></div>
第二:
直接限制自动调整
复制代码代码如下:
<div style="height: 1px; overflow: hidden;"></div>
下一篇:空格 在ie与在firefox下长度不一样问题