CSS-子盒子撑开父盒子,让父盒子的高随内容自适应

方法一:

height:auto!important;

height:200px;

min-height:200px;

ie6并不支持min-height。ie7,opera,火狐没有问题。

方法二:

在浮动的容器后面,父容器结束之前加入一个空的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="son">这里是内容</div>

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

</div>

.clearfloat{clear:both;height:0;}

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