html元素是如何佔據空間和定位的
阿新 • • 發佈：2021-06-26
塊元素
-
盒子模型
設定了margin， 會佔據空間大小。
絕對定位 & 相對定位
概述 ： 相對定位和絕對定位是通過position屬性來控制的，position屬性的值為下面幾種：
總結：
- 因為絕對定位元素脫離了正常流，和相對元素一樣也會有覆蓋其他元素的情況。
- 絕對定位元素是相對於祖先元素，和相對定位不同，相對定位是相對於元素自己原來的位置。
- 絕對定位元素的祖先元素是設定的position: static，該祖先元素並不作為參考物。
- 絕對定位元素的祖先元素有多個都設定了position: absolute或position: relative ,那麼是以最近的一個祖先元素作為參考物，即相對於最近的那一個祖先元素進行移動定位。
原文連結：https://blog.csdn.net/gnail_oug/article/details/77564684
浮動
-
浮動帶來的最大影響就是，當父元素只包含浮動的子元素的時候，父元素的高度就會塌陷（
height變為0）。