高度塌陷

当父元素没有设置高度，子元素又浮动起来时，就会出现高度塌陷的情况。

解决的方法

• 开启BFC（绝对定位，inline-block，overflow:hidden)
• 使用clearfix

clearfix

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