在css中，有四種主要元素定位方式：靜態(tài)定位：元素按照文檔流顯示，不能偏移。相對(duì)定位：元素相對(duì)于父元素偏移。絕對(duì)定位：元素脫離文檔流，相對(duì)于最近的已定位父元素或body元素定位。固定定位：元素脫離文檔流，相對(duì)于視口定位，無(wú)論頁(yè)面如何滾動(dòng)，元素始終保持相同位置。
CSS 中元素定位方式
在 CSS 中，定位元素是控制其在頁(yè)面上的位置。有四種主要的方式可以定位元素：
1. 靜態(tài)定位 (static)
這是默認(rèn)的定位方式，元素按照文檔流中的順序顯示。
2. 相對(duì)定位 (relative)
元素從其在文檔流中的原始位置偏移，以相對(duì)于父元素的位置進(jìn)行定位。
3. 絕對(duì)定位 (absolute)
元素脫離文檔流，并相對(duì)于最近的已定位父元素或 body 元素進(jìn)行定位。
4. 固定定位 (fixed)
元素脫離文檔流，并相對(duì)于視口進(jìn)行定位，無(wú)論頁(yè)面滾動(dòng)如何，它始終保持在相同位置。
每個(gè)定位方式的詳細(xì)說(shuō)明：
靜態(tài)定位：
元素在文檔流中按照順序顯示。
不能使用定位屬性偏移元素。
相對(duì)定位：
元素從其在文檔流中的原始位置進(jìn)行偏移。
可以使用 top、right、bottom、left 屬性偏移元素。
相對(duì)于父元素定位。
絕對(duì)定位：
元素脫離文檔流，不再占據(jù)空間。
可以使用 top、right、bottom、left 屬性相對(duì)于最近的已定位父元素或 body 元素進(jìn)行定位。
不受文檔流影響。
固定定位：
元素脫離文檔流，并相對(duì)于視口進(jìn)行定位。
可以使用 top、right、bottom、left 屬性相對(duì)于視口進(jìn)行定位。
始終保持在頁(yè)面中的相同位置，無(wú)論如何滾動(dòng)。
