我们在IE6下如果设置一个div的高度小于12px的话,IE6会显示12px.
#element{
background: yellow;
border: 1px solid red;
width: 300px;
height: 4px;
margin: 30px 0;
}
效果图:

解决方案:
加上overflow:hidden
对比的效果图:

本文讨论了在IE6浏览器中设置div高度时出现的12px显示异常问题,并提供了解决方案:通过添加overflow:hidden属性来解决。
我们在IE6下如果设置一个div的高度小于12px的话,IE6会显示12px.
#element{
background: yellow;
border: 1px solid red;
width: 300px;
height: 4px;
margin: 30px 0;
}
效果图:

解决方案:
加上overflow:hidden
对比的效果图:


被折叠的 条评论
为什么被折叠?