如何使用css定位？ css定位的使用方法

    這篇文章帶給大家的內容是如何使用css定位？ css定位的使用方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

position

1. #static ：預設值，元素出現在正常流中。

2. relative：相對定位，相對於正常位置定位，原位置被佔據。

3. fixed：固定定位，相對於瀏覽器視窗定位。

4. absolute：絕對定位，相對於static定位以外的第一個父元素定位，如果沒有定位的祖先元素，則相對於最初的包含區塊定位。後繼元素會佔據它原本的空間，元素脫離文件流。

5. sticky：基於使用者的捲動位置來定位。在 position:relative 與 position:fixed 定位之間切換。
   它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。
   元素定位表現為在跨越特定閾值前為相對定位，之後為固定定位。
   這個特定閾值指的是 top, right, bottom 或 left 之一，換言之，指定 top, right, bottom 或 left 四個閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。

6. inherit：從父元素繼承 position 屬性的值。

脫離文件流：使用 float、absolute、fixed。 （脫離文檔流的元素不再佔據原先的位置）

註：absolute不能和float同時使用。

以上就是如何使用css定位？ css定位的使用方法的全部介紹，如果您想了解更多有關CSS視頻教程#，請關注PHP中文網。

以上是如何使用css定位？ css定位的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！