CSS清除浮动方法

• 额外标签法
  在最后一个浮动元素的后边再放置一个不浮动的元素设置其css属性
  clear: both;即可
  通俗易懂书写方便但会添加无意义的标签，结构化不好
  注意：该元素必须是块级元素

• 父级元素添加overflow属性
  代码简洁但无法显示溢出内容

• 伪元素法
  给父级元素添加一个伪元素，本质类似于额外标签法

  .box::after {
  content: “”;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

• 双伪元素法
  给父元素内部首尾各自添加一个伪元素

  .box::after, .box::before {
  content: “”;
  display: block;
  }
  .box::after {
  clear: both;
  }