练习一
在 CSS 中,position: absolute;(绝对定位)的 基准(参考点) 取决于最近的已定位(非 static)祖先元素。
CSS 中 position 属性用于控制元素的定位方式,主要有 5 种值:
| 值 | 说明 |
|---|---|
static | 默认值,按照 正常文档流 排列(不受 top、left、right、bottom 影响)。 |
relative | 相对定位,相对于自身原始位置进行偏移(但仍然占据原来的位置)。 |
absolute | 绝对定位,相对于最近的已定位(非 static)的祖先元素定位(会脱离文档流)。 |
fixed | 固定定位,相对于 浏览器窗口 定位,不会随滚动条滚动(脱离文档流)。 |
sticky | 粘性定位,结合 relative 和 fixed,在滚动时吸附(滚动到一定位置后固定)。 |