CSS中有四種定位方式：static（靜態(tài)定位）、relative（相對(duì)定位）、absolute（絕對(duì)定位）和fixed（固定定位）。這些定位方式都有各自的特點(diǎn)和應(yīng)用場(chǎng)景。

p {position: static;}

靜態(tài)定位是默認(rèn)的定位方式，也就是沒(méi)有進(jìn)行任何定位。元素的位置會(huì)根據(jù)文檔流自動(dòng)擺放，無(wú)法進(jìn)行細(xì)致的調(diào)整。這種方式通常用來(lái)清除其他定位方式的影響，或者在元素之間設(shè)置間距。

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

相對(duì)定位是根據(jù)元素當(dāng)前的位置進(jìn)行微調(diào)的定位方式。可以使用top、bottom、left、right屬性來(lái)調(diào)整元素的位置。元素進(jìn)行相對(duì)定位后，仍然保留原先的空間，周?chē)脑匾膊粫?huì)因?yàn)檫@個(gè)元素的位置發(fā)生改變，因此相對(duì)定位通常用來(lái)在元素自身內(nèi)部進(jìn)行微調(diào)。

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

絕對(duì)定位是相對(duì)于離它最近的父級(jí)元素進(jìn)行定位的方式。如果沒(méi)有定位的父元素，那么就是相對(duì)于文檔的根元素進(jìn)行定位。可以使用top、bottom、left、right屬性來(lái)控制元素的位置。絕對(duì)定位的元素不在正常的文檔流中占用空間，因此可以用來(lái)在頁(yè)面上創(chuàng)建有趣的布局。

p {position: fixed; top: 0; left: 0;}

固定定位是相對(duì)于瀏覽器窗口進(jìn)行定位的方式。當(dāng)頁(yè)面滾動(dòng)時(shí)，固定定位的元素會(huì)一直保持在窗口的指定位置上。可以使用top、bottom、left、right屬性來(lái)控制元素的位置。固定定位通常用來(lái)創(chuàng)建一些固定的導(dǎo)航欄、工具欄等浮動(dòng)元素。