浮动float

注意：如果父元素设为 Flex 布局，子元素的float、clear和vertical-align属性将失效。

一，浮动的几个特性

1.脱离标准流

2.一行显示，顶部对齐

3.自动具备行内块元素的特点

4.元素之间没有缝隙

5.一行显示不下时，自动换行

二，清除浮动

     使用场景：当内容不固定时，不应该直接给父盒子的高度。但是不给高度，子元素浮动，父元素就会高度变成0，这个时候就要清除浮动。

1.额外标签法

在浮动元素后面加上一个块级元素标签

2.给父元素添加 overflow:hidden

3.after伪元素

 4，双伪元素