float布局的特点

浮动元素是脱离文档流的，但不脱离文本流
兄弟元素间的浮动元素与非浮动元素的表现
1.非浮动元素占位规则不变，但文本开始的位置受浮动元素的影响

image.png

2.父元素不设置高度，高度由非浮动元素撑开，浮动元素高度由自己本身决定，当浮动元素高度比非浮动元素高的时候，会影响下一级父元素以及子元素文本的表现
3.父元素设置高度，非浮动元素高度超出时，不影响下一级父元素的站位和文本开始的位置。浮动元素高度超出，会影响下一级父元素以及子元素文本的表现，但不影响下一级父元素的站位。
4.父元素不设宽高，不管float设置的方位是啥，开始位置一样。
5.父元素设置高度，根据父元素上下左右4个点，根据浮动元素的设置，从不同点开始浮动。