css中position常见的四个属性值

CSS中position的四个常用值是static、relative、absolute和fixed：static为默认，不脱离文档流且偏移属性无效；relative相对原位偏移但仍占空间；absolute脱离文档流，相对于最近已定位祖先定位；fixed脱离文档流且始终相对视口固定。

在 CSS 中，position 属性用于控制元素的定位方式，最常见的四个取值是：static、relative、absolute 和 fixed。它们决定了元素如何在文档流中放置以及是否脱离正常布局。

static：默认定位，不脱离文档流

这是所有元素的默认值，元素按正常文档流排列，top、right、bottom、left 和 z-index 属性对其无效。

• 无需显式声明，浏览器自动应用
• 适合不需要特殊定位的普通内容块

relative：相对自身原位置偏移

元素仍保留在文档流中（占据原来空间），但可通过 top、right 等属性相对于它原本的位置做偏移。

• 常用于微调元素位置，或作为 absolute 子元素的定位上下文
• 设置 relative 后，z-index 生效，可用于层叠控制

absolute：绝对定位，脱离文档流

元素完全脱离文档流，不再占据空间，定位参考点是最近的已定位祖先元素（即 position 值为 relative/absolute/fixed/sticky 的祖先）；若无，则相对于初始包含块（通常是视口）。

标签： css 浏览器 safari ios 排列 绝对定位 固定定位