float:浮動元素脫離文件流，不佔據空間。浮動元素碰到包含它的邊框或者浮動元素的邊框停留定位。
position:relative這個屬性並沒有脫離文件流的，所以會根據文件流中的兄弟元素進行定位。
position:absolute這個屬性並是脫離文件流的，判斷父元素是否為position:absolute或position:relative如果是根據他們進行定位如果不是根據body進行定位。
position:fixed這個屬性並是脫離文件流的,根據body進行定位
感謝如下文章
文件流理解
position理解
定位 絕對定位
span元素 輸出 1.開啟絕對定位，會使元素脫離文件流 2 開啟絕對定位以後，如果不設定偏移量，則元素的位置不會發生變化 3 相對於瀏覽器視窗進行定位 開啟box3的定位並把box2作為box3的子元素 box2 box3 輸出 若有祖先元素開啟了定位 一般情況，開啟了子元素的絕對定位都會同時開啟...
定位 絕對定位 相對定位
定位是一種高階的布局手段 通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位當元素開啟了定位以後，可以通過偏移量來設定元素的位置 例如 top 100px bottom xxpx left right 注意 relative相對定位的參照元素是其本身在文件流中的位置進行定位 ...
相對定位 絕對定位 固定定位 粘滯定位（css）
定位 position position 可選值static 預設值 元素是靜止的沒有開啟定位 relative開啟元素的相對定位 absolute開啟元素的絕對定位 fixed開啟元素的固定定位 sticky開啟元素的粘滯定位 相對定位position relative 元素開啟相對定位後，如果不...