您现在的位置：陈设世家 >> 网络垃圾桶 >> 作品展示 >> DIVCSS >> 文章正文rss

适应IE和Firefox的Div最小高度设置

在IE环境下，其实height就几乎就等于是min-height，指定容器高度后，当内容撑大时有自动延伸的特质。在Firefox内不会，而是显示固定height值。所以,就要找到一种适应IE和Firefox的方法。
　　下面的四个Box中只有Box4是在IE和Firefox下都适应。

<html>
<head>
<style type="text/css">
<!--
.box1{ background-color:#F90; min-height:200px; width:125px; height:200px; float:left;}
.box2{ background-color:#0CF; min-height:200px; width:125px; height:200px; float:left;}
.box3{ background-color:#9C0; min-height:200px; width:125px; height:200px; float:left; height:auto;}
.box4{ background-color:#F9C; min-height:200px; width:125px; height:200px; float:left;}
[class].box4{height:auto;}
-->
</style></head>
<body>
<div class="box1">
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
</div>
<div class="box2">
<p>BOX2</p>
</div>
<div class="box3">
<p>BOX3</p>
</div>
<div class="box4">
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
</div>
</body>
</html>

下面时在两种浏览器中的截图。查看效果

作者：and8 文章来源：http://and8.net 点击数：更新时间：2007-1-26

更多关于适应IE和Firefox的Div最小高度设置的文章
没有相关文章

·用博客寻找爱情	·厦门人就上厦门顶牛社区	·星期天去哪聚会	·免费发布企业招聘
·在线一亿片视频观看	·挑战美女无极限	·创建我的书签	·我要卖东西,买东西