CSS-浮动float

1.浮动特点
（1）脱离文档流
（2）不管浮动前是什么元素，浮动后默认宽与高都被内容撑开（尽可能小），而且可以设置宽高。
（3）不会独占一行。可以与其他元素共用一行。
（4）不会margin合并，也不会塌陷，能够完美设置四个方向的margin padding
（5）不会像行内块一样被当文本处理。不会有行内块空白问题。

2.浮动后的影响
（1）对兄弟元素的影响，后面的兄弟元素，会占据浮动元素之前的位置。在浮动元素的下面，对原来的兄弟无影响。
（2）对父元素的影响：不能撑起父元素的高度。导致父元素高度塌陷。但父元素的宽度依然束缚浮动元素。
3.解决浮动的影响
（1）给父元素加高度
（2）给父元素也设置浮动，带来其他影响
（3）给父元素设置oveflow:hidden;
(4)在所有浮动后面，添加一个块级元素设置clear:both;
(5)给浮动元素的父元素设置伪元素
.parent::after{
content=’’；
display：block;
clear:both;

.clearfix::after {
content: "";
clear: both;
display: table;

布局中的一个原则，兄弟元素要么都浮动，要么都不浮动。
}