在IE6下分别设置div高度为5、10、15、20px。
源码：<!DOCTYPE HTML>
<html>
<head>
<title>IE6_minHeight.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<style type="text/css">
.div_5px {height:5px; width:5px; background-color:#000;margin-bottom:10px;}
.div_10px{height:10px;width:10px;background-color:#000;margin-bottom:10px;}
.div_15px{height:15px;width:15px;background-color:#000;margin-bottom:10px;}
.div_20px{height:20px;width:20px;background-color:#000;margin-bottom:10px;}
</style>
</head>
<body>
<div class="div_5px"></div>
<div class="div_10px"></div>
<div class="div_15px"></div>
<div class="div_20px"></div>
</body>
</html>
结果IE6显示如下
我们想要的效果
后来用line-height 来解决
<!DOCTYPE HTML>
<html>
<head>
<title>IE6_minHeight.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<style type="text/css">
.div_5px {height:5px; width:5px; background-color:#000;margin-bottom:10px;line-height:5px;}
.div_10px{height:10px;width:10px;background-color:#000;margin-bottom:10px;line-height:10px;}
.div_15px{height:15px;width:15px;background-color:#000;margin-bottom:10px;line-height:15px;}
.div_20px{height:20px;width:20px;background-color:#000;margin-bottom:10px;}
span{display:none;}
</style>
</head>
<body>
<div class="div_5px"><span>.</span></div>
<div class="div_10px"><span>.</span></div>
<div class="div_15px"><span>.</span></div>
<div class="div_20px"><span>.</span></div>
</body>
</html>
IE6 显示正常
相关推荐
div最小高度去除办法：IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。...
描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。...IE6 div最小高度去除方法以及IE6div垂直居中css样式
最小高度能自适应高度IE.FF全兼容的div设置
可是当发布者发布的内容比较少的时候，比如只有一行字，那内容部分就变的很小，不美观，可是我们直接设置一个高度的话，当内容很多时又会溢出，今天研究了一下兼容各浏览器设置DIV最小高度的方法，拿来分享。...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
在IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。如下面的情况。 HTML...
可是当发布者发布的内容比较少的时候，比如只有一行字，那内容部分就变的很小，不美观，可是我们直接设置一个高度的话，当内容很多时又会溢出，今天研究了一下兼容各浏览器设置DIV最小高度的方法，拿来分享。...
拥有最小高度且能自适应高度同时全兼容IE、FF的div该如何设置呢？针对这个问题，下面的示例或许可以帮助到大家，喜欢的朋友可以尝试操作下
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度，但是在IE6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享...
最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，...除非MS把它捆绑在某个操作系统上，如何在现有基础上（IE6 80-90%），合理、妙用最小高度了？
1.如果div想要一个最小高度，那么应该用css的minheight这个属性，但是IE不支持，考虑到大多数用户都使用IE，所以一般情况下这个属性基本上弃置不用。在IE里面，height基本上就可以当作minheight来用，因为如果内容...
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" ); } ...
11 第六节 div+css的兼容性问题 11 一、div的垂直居中问题 11 二、margin加倍的问题 11 三、浮动ie产生的双倍距离 11 四、IE与宽度和高度的问题 11 五、页面的最小宽度 12 六、DIV浮动IE文本产生3象素的bug 12 七、...
复制代码代码如下:<div xss=removed>最小高度</div> 运行图如下：先别高兴的太早，不要忘了已经让你深恶痛绝，但又不得不朝夕相对的ie6.0，它是这样回应你的： 没有办法，谁让国富民穷的国人口袋里没有钱呢？或许不...