ie6下div最小高度问题

当你去设定一个div高度为小于该div字体时,发现height指定的值失效。

不管你怎么调小高度他还是那么宽~FF就不会出现这样的问题~
ie6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 1px; 来定义了一个 div 的高度,实际在ie6下显示的仍然是一个字体大小高度的层。
解决办法:

<div style=”height: 1px; overflow: hidden;”></div>

问题跟进

其实上述的解决办法在设计时看来并不实用,最近看资料又发现既然ie6 会固执的认为这个层的高度不应该小于字体的行高,那么我们可以在标签内部或者css中设置字体大小

font-size:1px;

就可消除默认行高。

发表回复