CSS定位是一種常用的CSS排版技術。它可以幫助我們將HTML元素放置到頁面的任意位置。

CSS定位有以下幾種類型：

? static(靜態定位)
? relative(相對定位)
? absolute(絕對定位)
? fixed(固定定位)

靜態定位(static)是元素的默認定位方式，它根據文檔流的順序來排列元素。這種定位方式不能使用top、bottom、left、right屬性。

.example {
position: static;
}

相對定位(relative)是以元素自身位置為基準，通過top、bottom、left、right屬性來調整元素的位置。相對定位并不會脫離文檔流，它會占據原來的空間。

.example {
position: relative;
left: 10px;
top: 20px;
}

絕對定位(absolute)是相對于最近的已定位祖先元素來定位的，如果沒有已定位的祖先元素，則相對于文檔的body元素定位。絕對定位會脫離文檔流，不會占據原來的空間。

.example {
position: absolute;
left: 10px;
top: 20px;
}

固定定位(fixed)是固定在頁面上的位置，不隨頁面滾動而移動。它相對于瀏覽器窗口來定位。

.example {
position: fixed;
left: 10px;
top: 20px;
}

以上就是CSS定位的四種類型。通過合理使用定位，能夠讓頁面更加靈活多變，實現更多豐富的布局效果。