1. 我們爲什麼要學習定位
在網頁上，我們會發現有些圖標是定在某一個地方，這是如何實現的呢?這裏就用到了定位
2. 元素的定位屬性
- 元素的定位主要包括
定位模式和邊偏移2個部分。
3. 靜態定位 static
- 對邊偏移無效。
- 一般用來清除定位的
- 一個有定位的盒子不想再有定位了，加上
position:static
就行了。
4. 相對定位relative(自戀型)
- 相對定位可以通過邊偏移來移動位置，但是原來的位置繼續佔有。
- 每次移動的時候，都是以自己的左上角爲起點的，（相對於自己原來的位置）原來的位置繼續佔有。
- 相對定位的盒子仍在標準流中，它後面的盒子不亂。
- 如果說浮動是讓多個塊級元素一行顯示，那麼定位的價值是讓我們的盒子移動到我們想要的位置上去。
不加定位的效果圖
加了相對定位的效果圖
原來的位置繼續佔有。
5. 絕對定位（拼爹型）
這裏有 兩個盒子
當給上面的第一個盒子加絕對定位的時候
- 可以通過邊偏移移動位置，但他完全脫標，不佔位置。
父親裏有個兒子
當子向左偏移的時候
會跑出去。
父親不加定位，兒子會跑出去，兒子會以瀏覽器爲基準點定位。
父親有定位，兒子會以最近的基準點對齊。
子絕父相
子絕對定位，父親相對定位。
相對定位 佔有位置 不脫標
絕對定位 不佔有位置 脫標
在實際開發中這個口訣用的很多
千思不得同枕夢，吾欲與卿度良辰。