理解浮动

(图文详细)最通俗易懂的CSS 浮动float属性详解

https://blog.csdn.net/qq_36595013/article/details/81810219

浮动特性

1. 如果上一个元素在文档流内，则浮动元素在其下方不变。
2. 如果上一个元素也为浮动元素，则浮动元素会跟在其后（跟在右边或左边）。

从浮动本身理解

浮动的特点就是尽量向上然后向左或向右，除非遇到文档流内元素。

文档流内的元素会阻挡元素的向上浮动。（包括相对定位，因为会保留原来的位置）