為什么html基礎課又是這么說的:如果想為元素設置層模型中的絕對定位,需要設置position:absolute(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對于body元素,即相對于瀏覽器窗口。
真的不是很懂那些倚仗互聯網的掩護就可以口無遮攔,原形畢露。乘一時口舌之快有那么爽嗎,你會在課堂上當著老師的面說他的口音么,一點不懂得尊重人。
2016-04-27
已采納回答 / fenzz
right布局是絕對布局,脫離了標準文檔流,祖級布局是mainbody,margin-left 和left應對的對象都是mainbody,所以此時效果是一樣的,兩種寫法都可以
2016-04-27
#wrap{width:970px;}
#mainbody{position:relative;margin-top:15px;}
#left{width:110px; border:1px solid #999;float:left;margin-left:10px;}
#mid{width:650px;border:1px solid #999;position:absolute;margin-left:135px;}
#right{border:1px solid black;margin-left:794px;}
#mainbody{position:relative;margin-top:15px;}
#left{width:110px; border:1px solid #999;float:left;margin-left:10px;}
#mid{width:650px;border:1px solid #999;position:absolute;margin-left:135px;}
#right{border:1px solid black;margin-left:794px;}
2016-04-26
最新回答 / wzdwbq
①給mainbody設置相對定位position:relative后,mainbody仍然處于處于標準文檔流中,設置relative的元素本身仍沒有脫離文檔流,還是處于標準文檔流中的。②寬度自適應,是因為它的包含快wrap設置了width:780px,而且sidebar設置了width:180px,而它本身content是絕對定位absolute,要求左外邊距有20px,那么absolute的寬度width=780-(180+20)=580px。剩余的580px自然就是它的寬度了。
2016-04-26
找了兩張美女圖算了
.profile{background:url(http://p2.so.qhimg.com/sdr/512_768_/t01354efda9a8c3a0e7.jpg) no-repeat #eff9f9;}
.book{background:url(http://p0.so.qhimg.com/sdr/512_768_/t01e4fd84ea7374ff50.jpg) no-repeat #eff9f9;}
.profile{background:url(http://p2.so.qhimg.com/sdr/512_768_/t01354efda9a8c3a0e7.jpg) no-repeat #eff9f9;}
.book{background:url(http://p0.so.qhimg.com/sdr/512_768_/t01e4fd84ea7374ff50.jpg) no-repeat #eff9f9;}