子元素float后，防止父元素塌陷的方法

A在浮动元素后加个div设置clear: both; height:0,overflow:hidden

B使用clearfix;用于父元素上

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

优化后的：

.clearfix {
  zoom: 1;
  display: table;
  width: 100%;
}

C：设置父元素浮动;

D：设置父元素overflow:hidden;