為什么box1中position改為absolute后，box3和box4挪到了頁面最上方？（如下圖）
#box1{
? ? width:200px;
? ? height:200px;
? ? position:absolute;
? ? ? ? ??
}
#box2{
? position:absolute;
top:20px;
left:30px;
? ? ? ? ??
}
/*下面是任務(wù)部分*/
#box3{
? ? width:200px;
? ? height:200px;
? ? position:relative; ? ? ?
}
#box4{
? ? width:99%;
? ? bottom:0;
? position:absolute;
? ??
}
2016-05-16
首先你得搞清楚參照定位元素的意思和它們參照的對象，如果明白了這個兩個之后，也就不難理解了。relative是相對于其他元素的布局，而absolute是相對于瀏覽器布局，但是有一點要注意：如果要使另外的一個元素有參照價值，就必須加入relative。這就是為什么你把box1的position改為absolute后，雖然box3的沒改，兩個塊元素還是重疊了。簡單的說就是：box1的參照對象是瀏覽器，box3的參照對象是其他的元素，這兩個是不同的層面，只能重疊
2016-06-14
box1設(shè)置為absolute時,相對父元素body，也就是瀏覽器窗口偏移，原來位置也不能保留，從標(biāo)題元素開始向上移動，或者可以理解為，設(shè)置成absolute 后，元素被抽出來作為圖層相對于父元素浮動。因此顯示如此。
另外還有兩點需要注意：
1.子元素要想相對于父元素偏移，子元素需要設(shè)置偏移量，至少要設(shè)置一個值，哪怕為0 才能起到偏移效果，比如top:0px;
2.父元素設(shè)置成absolute，子元素依然能偏移，只不過父元素也會相對于其父元素偏移，也就是后面如果有其他元素 會占據(jù)原有位置而重合，也就是說層模型這可以嵌套。
2016-06-04
box1設(shè)置為relative時原來位置保留，但是設(shè)置為absolute絕對時就跟原來沒有任何關(guān)系當(dāng)然也不再占有原來的位置，又因為box1和box2是平級的，所以會重疊在一起！
2016-05-29
因為box1和box3是平級的，沒有包含關(guān)系，所以如果兩個都用absolute定位的話，則他們都是相對于瀏覽器定位，所以就重疊在了一起
2016-05-16
層模型 ?一層一層的
??absolute決對布局 你可以不設(shè)置值演示一下 都是在左側(cè)頂部
2016-05-16
因為absolute是絕對路徑