清除浮动

https://juejin.im/post/59e7190bf265da4307025d91 https://juejin.im/post/5cc536775188252dcf5d515a

清除浮动的方法

浮动元素会脱离文档流，导致父元素塌陷；

1. 利用clear样式

   clear: both;

2. 父元素结束标签之前插入清除浮动的块级元素

   在父级元素末尾添加的元素必须是一个块级元素，否则无法撑起父级元素高度。

   改块级元素上添加clear: both;

3. 利用伪元素(clearfix)

   父级元素的最后，添加了一个:after伪元素，通过清除伪元素的浮动，达到撑起父元素高度的目的。注意到该伪元素的display值为block，即，它是一个不可见的块级元素（有的地方使用table，因为table也是一个块级元素）。

4. 利用overflow清除浮动

   在父级元素上添加了一个值为auto的overflow属性，父元素的高度立即被撑起，将浮动元素包裹在内。

5. 给父元素设定固定的高度

6. br标签清除浮动

    <div id="wrap">
      <div id="inner"></div>
      <br clear="all" />
    </div>