清除浮动

方法一（常用）

.clearfix:after{
     content: '';
     display: block; /*或者 table*/
     clear: both;
 }
 .clearfix{
     zoom: 1; /* IE 兼容*/
 }

方法二

给父元素加上 overflow:hidden。

方法三 

父元素设置高度