css 元素定位有四種方法：靜態、相對、絕對和固定定位。靜態定位是默認值，元素不受定位規則影響。相對定位相對于元素本身移動元素，不會影響文檔流。絕對定位將元素從文檔流中移除并相對于其祖先元素定位。固定定位將元素相對于視口定位，始終保持在屏幕上的同一位置。
CSS 元素定位方法
CSS 中元素定位允許開發者根據特定規則在文檔中精確定位元素。有四種主要定位方法：
1. 靜態定位 (static)
這是默認定位方法，元素的原點位于其自身的左上角。元素不受任何定位規則的影響，除非明確指定。
2. 相對定位 (relative)
相對于元素本身移動元素。提供一個 position: relative 規則，則元素相對于其原點移動指定距離，而不會影響文檔流中其他元素的位置。
3. 絕對定位 (absolute)
將其元素完全從文檔流中移除并相對于其最近的定位祖先定位。元素的位置由 top, right, bottom 和 left 屬性定義，以相對于祖先元素的像素相對偏移量指定。
4. 固定定位 (fixed)
類似于絕對定位，但將元素相對于視口定位，而不是其祖先元素。元素始終保持在屏幕上的同一位置，即使頁面滾動也不會移動。
如何選擇定位方法：
靜態定位：用于不需要定位的元素。
相對定位：用于相對于自身定位元素，同時保持文檔流。
絕對定位：用于從文檔流中移除元素或創建模態。
固定定位：用于創建總是可見且不會滾動離開屏幕的元素。
根據元素的預期行為和在頁面中的位置，選擇合適的定位方法至關重要。
