IE6下DIV的默认高度问题
2012-05-31 11:22
295 查看
IE6下默认的字体尺寸大致在 12 - 14px 之间,具体看你页面上的设置,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层,甚至max-height也不能解决。
要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font-size: 0;"></div> 或者 <div style="height:
6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。
该问题在 IE7 / Firefox /Opera 下均不存在。
要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font-size: 0;"></div> 或者 <div style="height:
6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。
该问题在 IE7 / Firefox /Opera 下均不存在。
相关文章推荐
- 经典的IE6的高度问题-div默认存在3个像素高
- IE6中DIV的默认高度问题
- IE6下DIV的默认高度问题
- IE6中DIV的默认高度问题
- 经典的IE6的高度问题-div默认存在3个像素高
- IE6下DIV的默认高度问题
- div在IE6与IE7下显示高度不兼容的问题
- 解决IE6下div中文字显示竖排,IE7下div不能自适应高度问题
- 解决div的高度定义在IE6中不生效的问题
- ie6中关于div 高度的bug-----空div标签默认高度
- IE6,IE7 DIV高度技巧(div高度兼容问题)
- div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应
- IE6下div边框显示有残缺 及 clear:both的纯间隔div高度问题
- ie6中的div有默认高度,当定义一div小于其默认高度时,ie6仍会呈现div的默认高度,解决方法
- 做网页,在IE6,正常,但是在IE8里面 母版里面的DIV内容长度现实就颜色出问题 把div的高度设置为:height:auto
- 关于 IE6 IE7中 空div 高度却不为0的问题
- IE6下给空内容div设置高度的问题
- 让DIV变成默认高度,如果内容过长自动加长问题
- IE6中CSS控制DIV高度的问题