CSS定位筆記

2021-09-25 10:58:36 字數 301 閱讀 9461

相對定位沒有脫離文件流

相對定位相對於自身的位置定位

相對定位提公升乙個層級(會遮擋低層級的元素)

相對定位不會改變元素的性質(塊級元素還是塊級元素,內聯元素還是內聯元素)

絕對定位會脫離文件流

絕對定位相對於離其最近開啟定位的祖先元素位置定位(如果祖先元素沒有開啟定位,則會相對於瀏覽器視窗定位)

絕對定位會提公升乙個層級

絕對定位會改變元素的性質(內聯元素會變成塊級元素)

固定定位也是一種絕對定位

不同的是:固定定位永遠相對於瀏覽器視窗的定位,不會隨滾動條滾動

CSS定位學習筆記

僅僅是自己對著w3cschool整理的一些 css 基礎知識點,敲一遍加深下印象也方便以後複習。一切皆為框 與之相反,span 和strong 等元素稱為行內元素,這意味著他們的內容顯示在行內,即 行內框 some text some more text.在這種情況下,這個框稱為無名塊框,因為它不與...

css定位筆記總結

css position屬性有五種定位方式 static relative absolute fixed sticky 定位方式 在文件流 會產生堆疊 設定top等屬性 static是否 不需要relative是是 需要absolute否是 需要fixed否是 需要sticky是需要 接下來逐一進行...

前端筆記 CSS定位

一 為什麼需要定位 某個元素可以自由的在乙個盒子內移動位置,並且壓住其他盒子。當滾動視窗時,某些模組是固定在螢幕中的某個位置。以上兩個效果通過標準流和浮動都無法快速實現,此時需要定位來實現。二 定位組成 定位 將盒子定在某一位置 定位 定位模式 邊偏移 定位模式用於指定元素在文件中的定位方式,邊偏移...