CSS元素的重疊方式 千次閱讀

2021年11月04日
-     書箋

CSS元素的重疊方式

負margin: 給元素設置負margin使其移動後 原來的位置是不會保留的 負margin可以讓元素的占用空間變小 後面的元素可以覆蓋當前的元素 (這裏有兩個相同大小的div 寬高都是100px (如圖一) 當我們給上面類名為div的div設置了-margin-bottom之後 (見圖二) 我們發現下面的元素覆蓋了-margin的位置)

圖一:

浮動 原來的位置不保留 並且可以遮蓋住其他元素 脫離頁面流

定位 相對定位：原來位置保留 並且不會擠到其他元素，只會重疊 絕對定位：不保留原來位置 脫離頁面流