为什么我的设置的div最小高度不对

2008-07-02 10:24:41 来源:Web标准化作者:完美的骑士【大中小】评论：1 条

问：为什么我设置的div的高度是1px，为什么看不到效果啊，div老是那么高。

答：给你的div加一个属性：font-size:0;

说明：
这个问题出现在IE6中；
IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。
这样来加： .style1{height:1px;font-size:0;}

比如想用一个div来做一个1px高的红色线条

在没有设置字体大小的时候会得到的情况：

运行演示
<style type="text/css"> .style1{ height:1px; background:red; } </style> <div class="style1"></div>

设置了font-size:0会得到的情况：

运行演示
<style type="text/css"> .style1{ font-size:0; height:1px; background:red; } </style> <div class="style1"></div>

责任编辑：水色皇朝

Chinaz.com - 中国站长站