IE6 div 最小高度

最新推荐文章于 2018-12-27 22:44:24 发布

yxc_gdut

最新推荐文章于 2018-12-27 22:44:24 发布

阅读量123

点赞数

分类专栏： html 文章标签： IE6 最小高度高度不能变小

本文链接：https://blog.csdn.net/yxc_gdut/article/details/84163669

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在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 显示正常

yxc_gdut

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6 div 最小高度

在IE6下分别设置div高度为5、10、15、20px。源码：&lt;!DOCTYPE HTML&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;IE6_minHeight.html&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/
复制链接

扫一扫