IE6下DIV默认高度显示的Bug

原创于 2013-02-21 15:08:52 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在IE6浏览器中设置div高度时遇到的问题，即浏览器默认将高度设定为默认字体行高的问题，并提供了两种解决方案：强制定义div的字体尺寸或使用overflow属性限制高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。
转自网络，版权归首发作者所有