css清除浮动的总结

清除浮动：

1.加一个无意义的标签    

<div class="clr"></div>

.clr{clear：both;  }不好之处：凭空增加了一个标签

2.在行的最后加一个伪元素

::after{clear:both;}

3.overflow 清除浮动    浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的块级格式化上下文。