簡介
偏移量：當元素開啟了定位以後，可以通過偏移量來設定元素的位置
相對定位
### 定位（positio）
#### 簡介
- 定位是一種更加高階的布局手段,通過定位可以將元素擺放到頁面的任意位置
- 使用position屬性來設定定位
- static 預設值，元素是靜止的沒有開啟定位
- relative 開啟元素的相對定位
- absolute 開啟元素的絕對定位
- fixed 開啟元素的固定定位
- sticky 開啟元素的粘滯定位
- 偏移量：當元素開啟了定位以後，可以通過偏移量來設定元素的位置
- top：定位元素和定位位置上邊的距離
- bottom：定位元素和定位位置下邊的距離
- left：定位元素和定位位置的左側距離
- right：定位元素和定位位置的右側距離
#### 相對定位
- 當元素的position屬性值設定為relative時則開啟了元素的相對定位
- 特點
- 元素開啟相對定位以後，如果不設定偏移量元素不會發生任何的變化
- 相對定位是參照於元素在文件流中的位置進行定位的
- 相對定位會提公升元素的層級
- 相對定位不會使元素脫離文件流
- 相對定位不會改變元素的性質塊還是塊，行內還是行內
```css
"box1">1
"box2">2
"box3">3
包含塊
布局
"box1">1
"box4">
4"box5">
5"box2">2
"box3">3
"box1">1
"box4">
4"box5">
5"box2">2
"box3">3
CSS中四種定位的區別
1 預設static 1 static表示沒有定位，或者說不算具有定位屬性。2 如果元素 position 屬性值為 static 或者未設 position 屬性 該元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 2 相對定位relative 佔...
css中定位position的四種屬性
position relative absolute static fixed static 自動定位，自動定位就是元素在頁 面普通文件流中由html自動定位，普通文件裡中的元素也稱為流動元素。不能通過z index進行層次分級。relative 相對定位，相對定位不脫離文件流，參考其在原來文件流中...
CSS四種定位方式的詳解
1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 參考上篇隨筆。2 relative 相對定位 定位為relative的元素脫離正常的文件流，但其在文件流中的位置依然存在，只是視覺上相對原來的位置有移動。...