CSS 中定位是實現(xiàn)頁面布局的一個關(guān)鍵技術(shù)，可以讓頁面中的元素擺放在我們想要的位置。下面介紹一些 CSS 中的定位方法。

position: static;

靜態(tài)定位是元素的默認(rèn)定位方式，元素按文檔流排列。這種定位方式主要用于設(shè)置元素樣式，不對元素位置產(chǎn)生影響。

position: relative;

相對定位是相對于元素原本在文檔流中所在的位置，會向上或向下移動元素并覆蓋原本應(yīng)該在其下面的元素。可以通過 left、right、top、bottom 屬性進(jìn)行定位。

position: absolute;

絕對定位是相對于最近的定位父元素進(jìn)行定位，如果沒有定位父元素，則相對于 body 元素進(jìn)行定位。可以通過 left、right、top、bottom 屬性進(jìn)行定位。

position: fixed;

固定定位是元素相對于瀏覽器窗口進(jìn)行定位，當(dāng)頁面滾動時，元素也會隨之滾動?？梢酝ㄟ^ left、right、top、bottom 屬性進(jìn)行定位。

position: sticky;

粘性定位是相對于網(wǎng)頁滾動的距離進(jìn)行定位，當(dāng)元素到達(dá)指定位置時，會固定在該位置并保持不動，直到滾動條把它滾出屏幕或者達(dá)到指定位置。可以通過 left、right、top、bottom 屬性進(jìn)行定位。

以上是常見的常規(guī)定位方式，還有一些高級定位方式，如彈性布局（Flexbox）、網(wǎng)格布局（Grid）等，可以進(jìn)一步優(yōu)化頁面布局效果。？