CSS-子盒子撐開父盒子，讓父盒子的高隨內容自適應

方法一：

height:auto!important; 
height:200px; 
min-height:200px; 

ie6並不支持min-height。ie7,opera,火狐沒有問題。

方法二：

在浮動的容器后面，父容器結束之前加入一個空的div，並清除浮動。

 

<div class="father">

 

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

　　<div class="son">這里是內容</div>

 

　　<div class="clearfloat"></div>

</div> 
.clearfloat{clear:both;height:0;} 

 

可查看鏈接 http://www.jb51.net/css/140685.html