IE6下DIV最小高度不能为0的解决方法
2009-08-17 16:54
435 查看
在网页布局时常会用到 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; 来实现
实例:不能合拢的问题
1.问题如下:
css代码如下:
.zc_top
{//上边div
height:6px;
width:910px;
background:url(images/zc_top.gif)
no-repeat;
}
.yd_body {//下边div
color:#333;
width:860px;
padding:0 0 0 50px;
background:url(images/zc_body.gif)
repeat-y;
}
2.解决办法:在zc_top添加:overflow:hidden;
注:IE7不存在div有最小高度的问题
相关文章推荐
- IE6下DIV最小高度不能为0的解决方法
- IE6 下 DIV 最小高度不能为 0 的解决方法
- IE6 下 DIV 最小高度不能为 0 的解决方法
- 在ie6中DIV最小高度的解决方法
- IE6 div 最小高度的解决方法
- ie6中DIV最小高度的解决方法
- ie6中DIV最小高度的解决方法
- IE6 DIV height 最小高度解决方法
- IE6中DIV高度小于10px时高度无效的解决方法
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- ie6div高度无法小于10像素解决方法
- 关于css在firefox及IE6中最小高度的解决方法
- div不设置高度背景颜色或外边框不能显示的解决方法
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法 (新浪博客 )
- div+css div不设置高度背景颜色或外边框不能显示的解决方法
- ie6中的div有默认高度,当定义一div小于其默认高度时,ie6仍会呈现div的默认高度,解决方法
- IE6 div最小高度去除方法以及IE6div垂直居中css样式
- div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法(借鉴)
- ie6下,div不能遮住标签的解决方法
- ie6 div 最小高度解决办法