当我们为下面的单个div定义高度:
<style type="text/css">
.pinluo_height {height:2px;background-color:#ff0000;}
</style>
<div class=“pinluo_height”>IE6的DIV高度问题</div>
上面定义了DIV的高度为2px,背景为红色。在IE7和火狐下,这个都能正常显示。
但是用IE6浏览,就会发现一个问题:DIV的高度远远不止2px,超出了2px很多倍,跟我们预先想要的效果相差很远。
那么有没有办法解决IE6这个问题呢?
方法是有的。下面这个写法可以达到同时兼容IE6、IE7和火狐浏览器的效果:
<style type="text/css">
.pinluo_height {height:2px;line-height:2px;background-color:#ff0000;}
</style>
<div class=“pinluo_height”>IE6的DIV高度问题</div>
呵呵,在CSS里增加line-height:2px;就可以让IE6也达到了同样的效果了,注意,height:2px;不能去掉,去掉了火狐就不正常了。(品络技术论坛原创:
bbs.pinluo.com,转载请保留。)