1/1页1 跳转到查看:445
发新话题 回复该主题

IE6下定义div高度的CSS问题:一个IE6的重要hack解决方法

IE6下定义div高度的CSS问题:一个IE6的重要hack解决方法

当我们为下面的单个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,转载请保留。)
最后编辑css 最后编辑于 2008-11-06 19:34:03

TOP

 
1/1页1 跳转到
发表新主题 回复该主题