css中的定位

2021-08-03 20:48:26 字數 430 閱讀 1577

在css中避免不了定位,在實際開發中,關於定位模組有很多,定位有三種型別,絕對定位,相對定位,固定定位

1.絕對定位:(position:absolute):絕對定位:使元素脫離文件流,使元素提公升了半個層級

如果不指定定位父級,那麼絕對定位相對於文件可視區定位

塊元素:寬度不自適應,如果不設定大小,大小由內容撐開

絕對定位的父級怎麼判斷,要麼是浮動元素,要麼是定位元素

2.相對定位:相對原來位置定位, 設定相對定位的元素,如果不設定偏移量,對元素本身沒有任何影響,如果設定偏移量,是相對於元素本身原來的位置發生偏移。沒有使元素偏離文件流,對元素位置進行微調,最常用的就是配合絕對定位使用

偏移量關鍵字:top,left,right,bottom

3.固定定位:固定定位永遠是相對於文件定位只有定位元素才能提公升層級定位父級永遠壓不住絕對定位子元素

css中的定位

本文只是個額外的說明,作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框,表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....

CSS中的定位

static定位 position static 是元素在文件流中的預設定位,一般不會顯示寫出來,他會按照先後順序排列元素。fixed 定位 position fixed 跟他的名字一樣,使用這個定位,可以讓元素釘 在螢幕可視區域中,定位也是 相對於可視區域定位的。relative相對定位 posi...

css中的定位

toc css 初學css的時候對position的各個屬性了解的並不全面,前些天進行複習的時候總結了一下,記錄下來,防止遺忘。fixed 固定定位。會脫離文件流,定位後空間釋放,相對於瀏覽器。固定定位。會脫離文件流,定位後空間釋放,相對於瀏覽器。absolute 絕對定位。定位的元素,總是相對於其...