【清除浮动】清楚内部浮动，使父元素覆盖子元素

◇组件名称:

    清除浮动

◇功能描述：

    清楚盒子内部浮动，使父元素覆盖子元素。

◇代码演示(3种方式)

1.设置父元素overflow属性为hidden：

.box {
  overflow:hidden;
}

2.设置空的div，属性clear:both;

<div class="clearfloat"></div>

.clearfloat {
  clear:both;
}

3.为父元素添加一个类，样式如下：

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}