在网页布局时常会用到 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有最小高度的问题
分享到:
相关推荐
最小高度能自适应高度IE.FF全兼容的div设置
div最小高度去除办法:IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。...
描述:有一个div,宽高都是10px,font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。...IE6 div最小高度去除方法以及IE6div垂直居中css样式
在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。 HTML...
可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。...
拥有最小高度且能自适应高度同时全兼容IE、FF的div该如何设置呢?针对这个问题,下面的示例或许可以帮助到大家,喜欢的朋友可以尝试操作下
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享...
xhtml <div class=box1>IE中没保持最小高度为150px</div> <div class=:box2>;最小高度可以设定一个BOX的最小高度, 当其内容较少时时,也能保持BOX的高度为一定 最小高度可以设定一个BOX的最小高度, 当其内容较少...
CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth < 1000> 1200 ? "1200px": "auto" ); } ...
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段...
1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容...
把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...
11 第六节 div+css的兼容性问题 11 一、div的垂直居中问题 11 二、margin加倍的问题 11 三、浮动ie产生的双倍距离 11 四、IE与宽度和高度的问题 11 五、页面的最小宽度 12 六、DIV浮动IE文本产生3象素的bug 12 七、...