@ZEAL Blog·厉
WWW Zeal Blog
We stand alone,
TOGETHER.

[存] IE6下DIV高度显示的Bug

Posted by zeal on 2007-05-16 16:10 , 432 characters |  + 1 - 0   English
标签 ( WebDev ):  , 

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 的自作聪明。

该问题在 IE7 / Firefox /Opera 下均不存在。

Last Modified on 2007-05-28 14:44
3 条评论:
- chnama2007-08-01 17:29
非常感谢,解决了困饶我一段时间的问题
- Wgd2008-11-24 23:05
谢谢啊,为这事忙了一天了
- 舞者2009-07-07 11:24
感谢lz,这个问题快把我搞疯了!!!!!
日志存档
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
本 Blog 原创内容
遵循以下授权:

Creative Commons
(创作共用) CC

署名-非商业性
-相同方式分享
ZEAL Blog 基于
Powered byPivot - 1.24.1: 'Arcee'
Pivot1.24.1
开发
系统部署于
Linode.com
Launched @
2005-04-27
Since 2005.04.27  梦想 就像鸡蛋 要么孵化 要么臭掉RSS Feed (Entries) | About me | Back To Home | @ZEAL | zbird.com | 沪ICP备05024379号