在IE环境下，其实height就几乎就等于是min-height，指定容器高度后，当内容撑大时有自动延伸的特质。在Firefox内不会，而是显示固定height值。所以,就要找到一种适应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>
