本文探讨了在IE6浏览器中DIV元素高度设置遇到的问题，并提供了解决方案。通过添加font-size:0;属性来克服IE6默认的最小字体高度限制，确保设定的高度能够生效。
首先来看一下这种情况：
<style type="text/css">...
.style1{...}{
height:1px;
background:red;
}
</style>
<div class="style1"></div>
再看：
<style type="text/css">...
.style1{...}{
font-size:0;
height:1px;
background:red;
}
</style>
<div class="style1"></div>
后一种情况比前多出了一个：font-size:0;因为 IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，即使设置了height:1px;也不起作用。所以改变它默认的字体大小可解决此问题。
<style type="text/css">... .style1{...}{ height:1px; background:red;}</style><div class="style1"></div>再看：
<style type="text/css">....style1{...}{ font-size:0; height:1px; background:red;}</style><div class="style1"></div>后一种情况比前多出了一个：font-size:0;因为 IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，即使设置了height:1px;也不起作用。所以改变它默认的字体大小可解决此问题。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
