您好,登錄后才能下訂單哦!
css定位的使用方法有哪些?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!
position
static :默認值,元素出現在正常流中。
relative:相對定位,相對于正常位置定位,原位置被占據。
fixed:固定定位,相對于瀏覽器窗口定位。
absolute:絕對定位,相對于static定位以外的第一個父元素定位,如果沒有定位的祖先元素,則相對于最初的包含塊定位。后繼元素會占據它原本的空間,元素脫離文檔流。
sticky:基于用戶的滾動位置來定位。在 position:relative 與 position:fixed 定位之間切換。
它的行為就像 position:relative; 而當頁面滾動超出目標區域時,它的表現就像 position:fixed;,它會固定在目標位置。
元素定位表現為在跨越特定閾值前為相對定位,之后為固定定位。
這個特定閾值指的是 top, right, bottom 或 left 之一,換言之,指定 top, right, bottom 或 left 四個閾值其中之一,才可使粘性定位生效。否則其行為與相對定位相同。
inherit:從父元素繼承 position 屬性的值。
脫離文檔流:使用 float、absolute、fixed。(脫離文檔流的元素不再占據原先的位置)
注:absolute不能和float同時使用。
感謝各位的閱讀!看完上述內容,你們對css定位的使用方法有哪些大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。