清除浮动

1、  在容器结束之前加clear   <div style="clear:both;"></div>

2、使用伪类 

 　　 #container:after{
  　　　　content:"";
  　　　　display:block;
  　　　　height:0;
  　　　　clear:both;
     }

3、父类中加overflow属性    或者  将父类高度调大

　　#container{
  　　      width:100%;
  　　      min-height:1px;
  　　      background-color:green;
  　　      overflow:hidden;
     }

4、产生原因：当标签里面的元素只要样子没有实际高度时会塌陷。

清除浮动

原文：http://www.cnblogs.com/swl-AbsoluteWorld/p/4495809.html