IE6下DIV的默认高度问题
2009-10-14 13:32
190 查看
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的默认高度问题
- IE6下DIV的默认高度问题
- IE6中DIV的默认高度问题
- 经典的IE6的高度问题-div默认存在3个像素高
- IE6下DIV的默认高度问题
- 经典的IE6的高度问题-div默认存在3个像素高
- ie6中的div有默认高度,当定义一div小于其默认高度时,ie6仍会呈现div的默认高度,解决方法
- 解决IE6下DIV无法实现1px高度问题
- IE6下div存在默认最小高度 = 设定的字体大小高度
- 解决IE6下div中文字显示竖排,IE7下div不能自适应高度问题
- 让DIV变成默认高度,如果内容过长自动加长问题
- 解决div的高度定义在IE6中不生效的问题
- 关于 IE6 IE7中 空div 高度却不为0的问题
- IE6中CSS控制DIV高度的问题
- 做网页,在IE6,正常,但是在IE8里面 母版里面的DIV内容长度现实就颜色出问题 把div的高度设置为:height:auto
- div在IE6与IE7下显示高度不兼容的问题
- 在IE6下用css设置div的高度为100%时失效的问题!
- 关于div容器在ie6下默认高度不为0(存在默认高度)
- IE6下给空内容div设置高度的问题