為什么要使用position:relative
絕對(duì)定位那節(jié)已經(jīng)講到，絕對(duì)定位是將元素脫離文檔流，再相對(duì)于它最近的父類(lèi)元素進(jìn)行定位，
而這節(jié)課 只需要 對(duì)box2進(jìn)行絕對(duì)定位 ，box1根本無(wú)需position:relative ?也可以達(dá)到同樣的效果
那么： 為什么要使用position:relative呢
4 回答
舉報(bào)
0/150
提交
取消
2016-10-11
父元素絕對(duì)定位的話脫離了文檔流
2016-10-05
關(guān)于relative和absolute這段話更簡(jiǎn)潔
/*absolute的英文意思是絕對(duì)的意思,實(shí)際上是針對(duì)父級(jí)元素元素定位,如果父級(jí)元素沒(méi)有position:relative|absolute,則追至再上一個(gè)父級(jí)元素,直至相對(duì)于文檔的左上角定位，按照我們中國(guó)人的理解觀念，這個(gè)其實(shí)是相對(duì)定位，是脫離文檔流的。用了abolute屬性，原有float屬性將失效；
relative的英文意思是相對(duì)的意思，實(shí)際上是相對(duì)于對(duì)象當(dāng)前位置的定位。而且是不脫離文檔流的，就算用top、lef、bottom、right或margin將其移動(dòng)位置，它也會(huì)在原來(lái)的文檔流中占有自己實(shí)際大小的一塊位置。
說(shuō)白了，absolute是相對(duì)于父對(duì)象定位，relative是相對(duì)于當(dāng)前位置定位！就是這么簡(jiǎn)單！*/
網(wǎng)上找到的一段話
2016-10-03
如果只對(duì)box2進(jìn)行絕對(duì)定位，那么則是相對(duì)于整個(gè)頁(yè)面（html或body頁(yè)面）作為定位的參考基準(zhǔn)了
2016-09-30
也許是這個(gè)原因： 他們需要對(duì)box1進(jìn)行排版，所以要用到relative 。并且讓box2在box1里絕對(duì)定位