如果下面的文字實在是無法理解透，那就記住這節課最后總結的一句話“如果用position來布局頁面，父級元素的position屬性必須為relative，而定位于父級內部某個位置的元素，最好用absolute，因為它不受父級元素的padding的屬性影響，當然你也可以用position，不過到時候計算的時候不要忘記padding的值。”

任何元素的默認position的屬性值均是static,靜態。這節課主要講講relative（相對）以及absolute（絕對）。

【position:absolute】
意思是：他的意思是絕對定位，他默認參照瀏覽器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面簡稱TRBL)進行定位，有以下屬性：

1)如果沒有TRBL，以父級的左上角，在沒有父級的時候，他是參照瀏覽器左上角,如果在沒有父級元素的情況下，存在文本，則以它前面
的最后一個文字的右上角為原點進行定位但是不斷開文字，覆蓋于上方。
2)如果設定TRBL，并且父級沒有設定position屬性，那么當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由TRBL決定。
3)如果設定TRBL，并且父級設定position屬性(無論是absolute還是relative)，則以父級的左上角為原點進行定位，位置由TRBL決定。即使父級有Padding屬性，對其也不起作用，說簡單點就是：它只堅持一點，就以父級左上角為原點進行定位，父級的padding對其根本沒有影響。

以上三點可以總結出，若想把一個定位屬性為absolute的元素定位于其父級元素內，只有滿足兩個條件，
第一：設定TRBL
第二：父級設定Position屬性
上面的這個總結非常重要，可以保證你在用absolue布局頁面的時候，不會錯位，并且隨著瀏覽器的大小或者顯示器分辨率的大小，而不發生改變。

只要有一點不滿足，元素就會以瀏覽器左上角為原點，這就是初學者容易犯錯的一點，已經定位好的板塊，當瀏覽器的大小改變，父級元素會隨之改變，但是設定Position屬性為absolute的板塊和父級元素的位置發生改變，錯位了，這就是因為此時元素以瀏覽器的右上角為原點的原因。

初學者很容易犯錯的是，不清楚Position屬性為absolute的板塊，若想定位到父級板塊中，并且當瀏覽器的大小改變或顯示器的分辨率改變，布局不發生改變，是需要滿足兩個條件的，只要有一點不滿足，元素就會以瀏覽器左上角為原點，從而導致頁面布局錯位。

【position:relative】
意思是相對定位，他是默認參照父級的原始點為原始點，無父級則以文本流的順序在上一個元素的底部為原始點，配合TRBL進行定位，當父級內有padding等CSS屬性時，當前級的原始點則參照父級內容區的原始點進行定位，有以下屬性：

1)如果沒有TRBL，以父級的左上角，在沒有父級的時候，他是參照瀏覽器左上角(到這里和absolute第一條一樣)，如果在沒有父級元素的情況下，存在文本，則以文本的底部為原始點進行定位并將文字斷開(和absolut不同)。