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