清除浮动

方法一（常用）

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

方法二

给父元素加上 overflow:hidden。

方法三 

父元素设置高度

方法四

加换行标签 <br clear="both" />

 

方法五

加不浮动的空标签 <float:"none"; clear:"both";>

 

方法六

父元素变行内块元素 display:"inline-block;"

 

方法七

父元素设置浮动