1、position的四種常見屬性值

static：元素框正常生成，塊元素生成一個(gè)正常矩形塊，行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于父元素內(nèi)。

relative：相對(duì)定位，是相對(duì)于自己本來(lái)應(yīng)該在的位置（static 定位應(yīng)該在的位置）進(jìn)行定位，不會(huì)脫離文檔流。

absolute：素框從文檔流完全刪除，并相對(duì)于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像元素原來(lái)不存在一樣。元素定位后生成一個(gè)塊級(jí)框，而不論原來(lái)它在正常流中生成何種類型的框。

fixed：元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute，不過(guò)其包含塊是視窗本身。

2、容易混淆的fixed和absolute的區(qū)別

<1>共同點(diǎn):

?1.改變行內(nèi)元素的呈現(xiàn)方式，display被置為block。

?2.讓元素脫離文檔流，不占據(jù)空間。

?3.默認(rèn)會(huì)覆蓋在非定位元素上。

<2>不同點(diǎn)：

??? absolute的”根元素（第一個(gè)不是static的父元素）“是可以設(shè)置的，而fixed的”根元素“固定為瀏覽器窗口。當(dāng)你滾動(dòng)網(wǎng)頁(yè)，fixed元素與瀏覽器窗口之間的距離是不變的。 ?

轉(zhuǎn)載于:https://www.cnblogs.com/facous/p/5633611.html

總結(jié)

以上是生活随笔為你收集整理的css中的定位问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。