800兆技术
IE6下DIV层高度的显示问题(IE6的Bug)
最后修改时间:2012年12月07日 20:37:15
主题词:DIV IE6 Bug 层高度

IE6下DIV高度显示的Bug内容简介:

IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示 IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。

例如:

<div style="height: 6px; font: 0px;"></div>

<div style="height: 6px; overflow: hidden;"></div>

推荐用第一种方法!