position: absolute 如果不設置left, right, top, bottom會在什么位置


一般我們設置position: absolute都會一起設置left/right/top/bottom, 但是如果不設置, 布局會是什么樣子的呢? 直接上圖

1.一個大盒子中4個小盒子, 正常文檔流布局(紅色盒子等下設置position:absolute)

2. 將3號盒子設置position: absolute

可以看到, 3號盒子脫落了文檔流, 4號盒子上來到了3號盒子原來的位置, 但是3號盒子還在之前文檔流的位置, 向下偏移一點是因為margin的折疊效應, 脫離文檔流后,3號盒子margin不會和2號盒子折疊, 所以向下移動了一段距離

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM