首頁 > web前端 > css教學 > 如何使用css定位? css定位的使用方法

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

云罗郡主
發布: 2018-10-18 15:51:50
轉載
3213 人瀏覽過

    這篇文章帶給大家的內容是如何使用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中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
靜態定位和相對定位的區別
來自於 1970-01-01 08:00:00
0
0
0
固定定位後會突破原來的定位父級?
來自於 1970-01-01 08:00:00
0
0
0
php可以定位客戶端嘛
來自於 1970-01-01 08:00:00
0
0
0
nginx 如何定位到文件
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板