【夯实基础--CSS】=＞ 定位(position)

选择器 { position: 属性值; }

| 值 | 语义 | |

| :-- | :-: | — |

| static | 「静态」 定位 | |

| relative | 「相对」 定位 | 相对于其原文档流的位置进行定位 |

| absolute | 「绝对」 定位 | 相对于其上一个已经定位的父元素进行定位 |

| fixed | 「固定」 定位 | 相对于浏览器窗口进行定位 |

[](()「3. 静态定位(static)」

• 静态定位是元素的默认定位方式，无定位的意思。它相当于border里面的none，不要定位的时候用。

• 静态定位 按照标准流特性摆放位置。它没有边偏移。

• 静态定位在布局时几乎不用

[](()「4. 相对定位(relative)」

• 相对定位是元素相对于它原来在标准流中的位置来说的。

• 相对于自己原来在标准流中位置来移动的

• 原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式对待它。

[](()「5. 绝对定位(absolute)」

绝对定位是将元素依据最近的已经定位（绝对、固定或相对定位）的父元素（祖