static定位
position:static
是元素在文件流中的預設定位,一般不會顯示寫出來,他會按照先後順序排列元素。
fixed 定位
position: fixed
,跟他的名字一樣,使用這個定位,可以讓元素釘
在螢幕可視區域中,定位也是 相對於可視區域定位的。
relative相對定位
position:relative
,文件脫離文件流,但文件原本的位置還會占用,此時可以使用left: 20px; top: 100px
對元素定位,這個偏移是以元素原本的位置為參考的。
absolute 絕對定位
position: absolute
,文件脫離文件流,並刪除元素占用的文件流,此時可以使用left: 20px; top:100px
對元素進行定位,這個偏移是以離元素最近的乙個有定位(relative,absolute,fixed)的父元素
為參考的。
css中的定位
本文只是個額外的說明,作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框,表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....
css中的定位
在css中避免不了定位,在實際開發中,關於定位模組有很多,定位有三種型別,絕對定位,相對定位,固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流,使元素提公升了半個層級 如果不指定定位父級,那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應,如果不設定大小,大...
css中的定位
toc css 初學css的時候對position的各個屬性了解的並不全面,前些天進行複習的時候總結了一下,記錄下來,防止遺忘。fixed 固定定位。會脫離文件流,定位後空間釋放,相對於瀏覽器。固定定位。會脫離文件流,定位後空間釋放,相對於瀏覽器。absolute 絕對定位。定位的元素,總是相對於其...