浮动和清浮动

浮动

为了让块状元素具有能够跟行内元素一样的属性，即能够横向排列。所以我们引入的浮动。

浮动的属性:left、right、none

特性:

1.直到遇到父容器或者其他的浮动元素才会停止浮动。

2.浮动之后会脱离文档流。

清浮动

因为浮动之后会脱离文档流，所以当父容器的高度为0的时候，会出现坍塌的情况

所以需要在父容器中清除浮动。清除浮动也可以看做是又回到了文档流。

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

文档流

对应快元素来说，文档流指的是就是垂直排列。

对于行内元素来说，文档指的是水平排列。