清除浮动

方式一

.clearfix::after{
  content: '';
  display:table;
  clear:both
}

方式二

利用BFC 父元素在新建一个 BFC 时，其高度计算时会把浮动子元素的包进来。

.container{
  overflow: hidden;
}