首先来看一下这种情况:

<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;也不起作用。所以改变它默认的字体大小可解决此问题。
本文探讨了在IE6浏览器中DIV元素高度设置遇到的问题,并提供了解决方案。通过添加font-size:0;属性来克服IE6默认的最小字体高度限制,确保设定的高度能够生效。
1244

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



