在我们制作网站的时候，经常会用到浮动元素，这时候就会经常用到“clear:both”来清除浮动，使得父元素可以撑出高度。这样使用一般会多出一个div，让强迫症人士觉得很难受，所以我通常会用bootstrap里用的方法：使用伪类。

css:

clearfix:before,clearfix:after{
  display: table;
  content: " ";
}
clearfix:after{
  clear: both;
}

这时候就只需要在父元素上加上class：clearfix就可以了。

html

<ul class="clearfix">
  <li></li>
  <li></li>
  <li></li>
</ul>