IE 有个最小高度，就是文字的高度

如果为一个 div 设置样式height:1px，在 FireFox 和 NetScape 能够如愿显示，可是在 IE 中则不止 1 像素高。原因是 IE 有个最小高度，就是文字的高度，如果对样式表添加一个 font-size:1px 就能解决问题了，如

。

下面举例说明一下：
要实现1px的DIV，方法有三种（或许有更多，希望高手指点，嘻嘻..）

方法一：
直接在DIV定义，例子：
IE：

FF/OP：

方法二：
定义一个CSS样式，在DIV调用其样式，例子：
.one { height:1px; *font-size:1px;}

以上两种方法，在IE6里实现，是2px的，还必须加上一句
overflow:hidden

方法三：
通过CSS定义border，用border去实现1px的DIV，但只能用top\bottom这两个属性，（当然了，左右没用，呵呵...），例子：
.one { border-top:1px #f00 solid; line-height:1px;

阅读(1193) | 评论(0) | 转发(0) |

0

上一篇：CSS单位和HTML标记默认值

下一篇：如何在dos下面修改boot.ini