CSS定位是一種布局元素的方法，它允許您指定元素在文檔中的位置。CSS定位由三個(gè)狀態(tài)組成：靜態(tài)定位、相對(duì)定位和絕對(duì)定位。

靜態(tài)定位是元素的默認(rèn)位置狀態(tài)。在頁面流的順序中，從上到下。您可以使用position:static;來強(qiáng)制使用靜態(tài)定位。

p {
position: static;
}

相對(duì)定位可讓元素相對(duì)于當(dāng)前位置移動(dòng)。相對(duì)定位不影響其他元素的位置。您可以使用position:relative;給元素相對(duì)定位。

p {
position: relative;
left: 30px;
top: 20px;
}

絕對(duì)定位允許您將元素放在頁面的任何位置，不會(huì)影響其他元素的位置。與相對(duì)定位不同，絕對(duì)定位不會(huì)受滾動(dòng)的影響。您可以使用position:absolute;來給元素絕對(duì)定位。

p {
position: absolute;
left: 50px;
top: 75px;
}

除了三種基本定位狀態(tài)之外，CSS還提供了固定定位和粘滯定位。固定定位類似于絕對(duì)定位，但元素會(huì)固定在瀏覽器窗口中的位置。您可以使用position: fixed;來設(shè)置固定定位。

p {
position: fixed;
bottom: 0;
right: 0;
}

粘滯定位與固定定位類似，不過它會(huì)根據(jù)滾動(dòng)條的位置移動(dòng)。您可以使用position: sticky;來設(shè)置粘滯定位。

p {
position: sticky;
top: 0;
}

除了position屬性外，CSS還提供了許多其他屬性來幫助布局頁面，例如z-index、display、float等等。