CSS 絕對定位是CSS 最基礎和重要的部分之一，它能夠使你的布局更加靈活和自由。學習絕對定位的規則，能夠幫你更好地完成你的網頁設計。

position: absolute;
top: ...;
bottom: ...;
left: ...;
right: ...;

上述代碼是絕對定位的最基本的CSS樣式定義。其中，position: absolute;是必須的。它使元素從文檔流種完全脫離，可以獨立地定位。緊接著的四個屬性，top, bottom, left, right用來設置元素的絕對位置。這些屬性通常與相對定位和其他布局方式一起使用。

使用top和left屬性可以指定元素的上和左邊緣與其包含塊（容器）的上和左邊緣之間的距離。例如，top: 10px將元素的上邊緣移動到與其包含塊的上邊緣相差10像素的位置。同理，使用bottom和right屬性可以指定元素的下和右邊緣的距離。

另外一個需要注意的點是，如果沒有明確指定包含塊，則絕對定位元素的包含塊是最近一個已定位的父元素。如果父元素沒有定位，則元素的包含塊是根元素。在這種情況下，top, bottom, left, right中的任何一個屬性都可以使用 auto 值。當一個元素的值為 auto 時，其位置將是包含塊邊沿的默認位置。

在進行網頁布局時，絕對定位是非常有用的技術。但是，要時刻記住絕對定位要與其它的定位方式結合使用。建議你在進行絕對定位之前，先考慮其他方式，然后再按需使用絕對定位來微調布局效果。