float的影响

注：float为非none
原文

对自身的影响

1. 行内元素将变为块级元素，可设置宽高
   题外话，input为内联块级标签，可设置宽高，并且一行排列
2. 父级元素设置了float，则会包裹子元素，自适应宽高

对兄弟元素的影响

1. 浮动元素后面跟非浮动元素会覆盖非浮动元素，非浮动元素的文字或者其他行内元素会环绕浮动元素
2. 浮动元素前后的行内元素环绕浮动元素
3. 浮动元素临近元素也是浮动元素，且方向相同，会并排显示，当宽度大于父元素宽度是会换行排列。
4. 浮动元素之间的水平外边距不会叠加(不管有没有清除浮动)

对包含的元素的影响

1. 当包含元素中只有浮动元素时，父元素高度会塌陷
2. 浮动元素的父元素的非浮动兄弟元素，忽视浮动元素存在，覆盖浮动元素；
3. 浮动元素的父元素的浮动兄弟元素，会跟随浮动元素布局，仿佛处在同一父元素中。