如果你想讓你的網頁更加的美觀而且又有良好的布局，那么 CSS 的定位就是非常重要的。 CSS 定位指的是將 HTML 元素相對于其他元素或者文檔本身的位置進行布局。

position: static;

在沒有設置定位的情況下，瀏覽器默認是 static，也就是說屬于文檔流，與頁面其他元素的位置關系由瀏覽器自動處理。如果你希望使用CSS進行更加精細化的處理，可以通過其他定位屬性來實現布局上的變化。

position: relative;

相對定位是基于元素本身位置上的偏移來進行定位處理的。使用 relative，可以通過設置 top、right、bottom、left 的值來控制位置的變化，且不會影響其他元素的位置。它會在原始位置上占據空間，但是不會離開它的區域。

position: absolute;

當使用 absolute 定位屬性的時候，元素會根據 nearest positioned 組件進行定位。如果祖先元素中有設置了 position 屬性的，則 absolute 會相對于這個有 position 屬性的元素進行定位。如果沒有，則相對于文檔的起點進行定位。使用 absoulte 可以有效的控制元素的位置，尤其是在組織流體布局時非常實用。

position: fixed;

fixed 定位是針對瀏覽器窗口進行定位的，而不是針對祖先元素。當你滑動頁面時，該元素將一直保持在同一位置。使用 fixed 可以實現網頁和彈出層的實現，使得它們可以固定在某個位置并且不會因為網頁滾動而消失掉。

最后， CSS 的定位屬性可以使用在單個元素或組件中，我們可以根據實際情況來靈活運用。