邊偏移（方位名詞）
簡單說， 我們定位的盒子，是通過邊偏移來移動位置的。
定位模式 (position)
定位模式是有不同分類的，在不同情況下，我們用到不同的定位模式。
a. 靜態定位(static) - 了解
b. 相對定位(relative) - 重要
相對定位的特點：（務必記住）
- 相對於 自己原來在標準流中位置來移動的
- 原來在標準流的區域繼續占有，後面的盒子仍然以標準流的方式對待它。
c. 絕對定位(absolute) - 重要
絕對定位是元素以帶有定位的父級元素來移動位置 （拼爹型）
1. 完全脫標 —— 完全不佔位置；
2. 父元素沒有定位，則以瀏覽器為準定位（document 文件）。
3. 父元素要有定位：- 將元素依據最近的已經定位（絕對、固定或相對定位）的父元素（祖先）進行定位。
d. 固定定位(fixed) - 重要
設定了固定定位的元素，會參考瀏覽器的可視區域
定位(position)的擴充套件
1) 絕對定位的盒子居中
注意：絕對定位/固定定位的盒子不能通過設定 margin: auto 設定水平居中。
在使用絕對定位時要想實現水平居中
1. left: 50%;：讓盒子的左側移動到父級元素的水平中心位置；
2. margin-left: -100px;：讓盒子向左移動自身寬度的一半。
2) 堆疊順序（z-index）
在使用定位布局時，可能會出現盒子重疊的情況。
加了定位的盒子，預設後來者居上， 後面的盒子會壓住前面的盒子。
應用 z-index 層疊等級屬性可以調整盒子的堆疊順序。
z-index 的特性如下：
1. 屬性值：正整數、負整數或 0，預設值是 0，數值越大，盒子越靠上；
2. 如果屬性值相同，則按照書寫順序，後來居上；
3. 數字後面不能加單位。
注意：z-index 只能應用於相對定位、絕對定位和固定定位的元素，其他標準流、浮動和靜態定位無效。
3) 定位改變display屬性
改變顯示模式有以下方式
- 可以用inline-block 轉換為行內塊
- 可以用浮動 float 預設轉換為行內塊（類似，並不完全一樣，因為浮動是脫標的）
- 絕對定位和固定定位也和浮動類似， 預設轉換的特性 轉換為行內塊。
所以說， 乙個行內的盒子，如果加了浮動、固定定位和絕對定位，不用轉換，就可以給這個盒子直接設定寬度和高度等。
定位小結
注意：
1. 邊偏移需要和定位模式聯合使用，單獨使用無效；
2. top 和 bottom 不要同時使用；
3. left 和 right 不要同時使用。
CSS筆記（五）position詳解 層定位
position static relative absolute fixed。絕對定位 absolute 相對定位 relative 預設值 static 固定定位 fixed relative 定位是相對於自身位置定位 設定偏移量的時候，會相對於自身所在的位置偏移 設定了relative的元素仍...
五 定位工具
本文 inspector暫時在windows上無法使用，在mac上是可以支援的。android sdk自帶的定位工具，在tools目錄下 雙擊開啟工具 連上手機或者開啟模擬器，cmd輸入adb devices可以檢視裝置連線情況 點選定位工具的device screenshot按鈕，定位工具會擷取螢...
詳解定位與定位應用
定位一直是web標準應用中的難點，如果理不清楚定位那麼可能應實現的效果實現不了，實現了的效果可能會走樣。如果理清了定位的原理，那定位會讓網頁實現的更加完美。定位的定義 在css中關於定位的內容是 position relative absolute static fixed static 沒有特別的...