css绝对定位相对定位
时间：2026-11-13 21:48:06来源：
在CSS布局中，绝对定位和相对定位是常用的定位方式，理解它们的区别有助于更灵活地控制页面元素的位置。
| 属性 | 定位方式 | 基准点 | 是否脱离文档流 | 位置参考 |
| position: relative | 相对定位 | 自身原来位置 | 否 | 自身或父级 |
| position: absolute | 绝对定位 | 最近的定位祖先 | 是 | 父级或视口 |
总结：相对定位适用于微调元素位置，而绝对定位则用于精确控制元素相对于某个定位容器的位置。合理使用这两种定位方式，能有效提升网页布局的灵活性和准确性。
