用css-hack的方式实现 ie6+的最小高度的方法

最新推荐文章于 2024-07-10 10:11:31 发布

lixp3

最新推荐文章于 2024-07-10 10:11:31 发布

阅读量673

点赞数

分类专栏： HTML5

HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在网页界面中元素的min-height的使用很方面，大于最小高度的值会自动变化不影响样式，但是ie6却不支持这个属性，所以我们可以用css-hack的方式来实现ie6的最小高度。

代码：

<html>
<head><title>ie6测试</title>
<style>
.ceshi_left{float:left;width:100px;}
.ceshi_right{
	float:right;
	width:600px;
	border:1px solid #ccc;
	min-height:300px;//IE7\FF
	height:100%;//IE6\IE7\FF 这个很重要，IE6定死高度后，需要再加上这条，才能自动延伸

。
	_height:300px;//IE6
}

</style>
</head>
<body>

<div 

class="ceshi_right">222222222222222222221111111111111111111111111111111111111111111

11111<P>11111111</p><P>11111111</p><P>11111111</p><P>11111111</p><P>111111

11</p><P>11111111</p><P>11111111</p></div>
</body>
</html>