IE6 下 DIV 最小高度不能为 0 的解决方法
2013-09-09 16:16
344 查看
在网页布局时常会用到 DIV 来显示一些边角背景,需要设置较小的高度,默认情况下,IE6 中设置 DIV 较小高度会不起作用,在 IE7、FF 等浏览器不存在这个问题。
IE6 下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 DIV 的时候, IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度,实际在 IE6 下显示的仍然是一个 12px 左右高度的层。
要解决这个问题,可以强制定义该 DIV 的字体尺寸,或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>
或者
<div style="height: 5px; overflow: hidden;"></div>
值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现。
转自:http://www.fufuok.com/ie6-div-min-height.html
IE6 下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 DIV 的时候, IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度,实际在 IE6 下显示的仍然是一个 12px 左右高度的层。
要解决这个问题,可以强制定义该 DIV 的字体尺寸,或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>
或者
<div style="height: 5px; overflow: hidden;"></div>
值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现。
转自:http://www.fufuok.com/ie6-div-min-height.html
相关文章推荐
- IE6 下 DIV 最小高度不能为 0 的解决方法
- IE6下DIV最小高度不能为0的解决方法
- IE6下DIV最小高度不能为0的解决方法
- IE6 div 最小高度的解决方法
- ie6中DIV最小高度的解决方法
- IE6 DIV height 最小高度解决方法
- 在ie6中DIV最小高度的解决方法
- ie6中DIV最小高度的解决方法
- 【转】ie6.0下div 不能实现1px 高度的几种解决方法
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法 (新浪博客 )
- CSS在IE6下面最小高度不能低于20PX的解决办法!
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- div不设置高度背景颜色或外边框不能显示的解决方法
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- div+css div不设置高度背景颜色或外边框不能显示的解决方法
- 解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法
- 解决ie6支持最大高度最小高度的方法
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- 关于css在firefox及IE6中最小高度的解决方法
- IE6中DIV高度小于10px时高度无效的解决方法