IE中li显示高度的bug
2008-10-23 14:25 | Filed Under Html/JS/CSS |
具体表现为：
当li内嵌套其他容器时，在IE下实际占用的高度(offsetHeight)会比内嵌容器的高度多出几像素，而且多出来的像素数在IE6和IE7下似乎还不太一样
此时li的样式：
<style type="text/css">
li .classname {
margin: 0;
padding: 0;
}
</style>
li .classname {
margin: 0;
padding: 0;
}
</style>
解决方法也很简单，只要添加float即可，在我的应用中还加了宽度，等于是变相实现了display:block的效果：
<style type="text/css">
li .classname {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
</style>
li .classname {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
</style>
参考文章：http://www.css88.com/article.asp?id=427
标签：bug, ie, li, 高度相关日志
IE6显示1px高度的bug
2008-10-13 13:52 | Filed Under Html/JS/CSS |
在IE6下运行以下代码测试：
提示：你可以先修改部分代码再运行。
得到结果是2，在其他浏览器下得到的都是预期的1，经过测试发现只要删除背景色属性就正常
这实在是个匪夷所思的问题
最后经新软群中hyne大大提醒，在div中加入一个 就能解决(注：直接空格不行)，即：
- <div id="test" style="font-size: 1px; height: 1px; line-height: 1px; margin: 0 1px;background: #333">
-
- </div>
本来以为自己已经把IE6的各种问题触碰的差不多了，竟然还有新的……
标签：bug, ie, 背景, 高度相关日志
