定位組成
定位：將盒子定在某一個位置，所以定位也是在擺放盒子， 按照定位的方式移動盒子
定位也是用來布局的，它有兩部分組成：
定位 = 定位模式 + 邊偏移
定位模式 用於指定一個元素在文檔中的定位方式。邊偏移則決定了該元素的最終位置。
邊偏移（方位名詞）
邊偏移 就是定位的盒子移動到最終位置。有 top、bottom、left 和 right 4 個屬性。
| 邊偏移屬性 | 示例 | 描述 |
|---|---|---|
top |
top: 80px |
頂端偏移量，定義元素相對於其父元素上邊線的距離。 |
bottom |
bottom: 80px |
底部偏移量，定義元素相對於其父元素下邊線的距離。 |
left |
left: 80px |
左側偏移量，定義元素相對於其父元素左邊線的距離。 |
right |
right: 80px |
右側偏移量，定義元素相對於其父元素右邊線的距離 |
定位的盒子有了邊偏移才有價值。 一般情況下，凡是有定位地方必定有邊偏移。
定位模式 (position)
在 CSS 中，通過 position 屬性定義元素的定位模式，語法如下：
選擇器 {
position: 屬性值;
}
定位模式是有不同分類的，在不同情況下，我們用到不同的定位模式。
定位模式決定元素的定位方式 ，它通過 CSS 的 position 屬性來設置，其值可以分為四個：
| 值 | 語義 |
|---|---|
static |
靜態定位 |
relative |
相對定位 |
absolute |
絕對定位 |
fixed |
固定定位 |
