CSS中的定位

2021-09-25 07:56:00 字數 467 閱讀 8026

關於定位

我們可以使用css的position屬性來設定元素的定位型別,postion的設定項如下:

relative 相對定位,不脫離文件流,相對於自己本身的位置進行定位,

absolute 絕對定位,脫離文件流,位置相對於已定位的父級,

如果沒有父級,或父級沒有定位,那麼相對於文件的00點 (body)

fixed 固定定位,脫離文件流,位置相對於瀏覽器視窗 進行定位

絕對定位和固定定位的塊元素和行內元素會自動轉化為行內塊元素

定位元素是浮動的正常的文件流之上的,可以用z-index屬性來設定元素的層級

典型定位布局

1、固定在頂部的選單

2、水平垂直居中的彈框

3、固定的側邊的工具欄

4、固定在底部的按鈕

css中的定位

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

css中的定位

在css中避免不了定位,在實際開發中,關於定位模組有很多,定位有三種型別,絕對定位,相對定位,固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流,使元素提公升了半個層級 如果不指定定位父級,那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應,如果不設定大小,大...

CSS中的定位

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