float:浮動元素脫離文檔流,不佔據空間。浮動元素碰到包含它的邊框或者浮動元素的邊框停留定位。
position:relative這個屬性並沒有脫離文檔流的,所以會根據文檔流中的兄弟元素進行定位。
position:absolute這個屬性並是脫離文檔流的,判斷父元素是否爲position:absolute或position:relative如果是根據他們進行定位如果不是根據body進行定位。
position:fixed這個屬性並是脫離文檔流的,根據body進行定位
感謝如下文章
文檔流理解
https://www.jianshu.com/p/ccbe15f7a6d4
position理解
https://www.cnblogs.com/tim-li/archive/2012/07/09/2582618.html