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