手写clearfix

清除浮动影响的样式，统称clearfix代码。

所有float元素的父容器，一般情况都需要添加clearfix这个class。

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

<div class="clearfix">
  <div style="width:100px;height:100px;background-color: red;float: left;"></div>
  <div style="width:100px;height:100px;background-color: green;float: left;"></div>
</div>
<div>456</div>
<p>789</p>