时间:2021-05-08
bug出现原因:
在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。
解决办法:
第一:
定义该DIV字体大小。
例如:
复制代码代码如下:
<div style="height:1px;font-size:0;"></div>
第二:
直接限制自动调整
复制代码代码如下:
<div style="height: 1px; overflow: hidden;"></div>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
复制代码代码如下:div{background:red;line-height:1px;}IE6下这个问题是因为默认的行高造成的,解决的方法也有很多例如:复制代
1、IE6支持max-height解决方法IE6支持最大高度解决CSS代码:复制代码代码如下:.yangshi{max-height:1000px;_heigh
ie6专用:_height:100px;ie7专用:*+html.box{height:100xp;}ie6和ie7公用:*height:100px;ie7和f
复制代码代码如下:解决ie6下3像素bug问题#left{width:100px;height:100px;background:#096;float:left
通过PS截屏得到的结论当设置td{height:22px;}时,页面显示:ie是22px,ff是21px;实践证明ie总会大2px,ff会少1px。当设置td{