最贊回答 / QQ_隨意
當你使用絕對定位時該物體就脫離文檔流了,所以設置margin只會和你設置的相對定位點起作用,————如果是練習題的話。你把內邊距padding-left設置一下看看效果
2017-03-26
#mainbody{width:100%; margin-top:15px;position:relative;}
#left{ width:110px;float:left;}
#mid{width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999;clear:both;position:absolute; top:0;margin-left:790px;}
最后一行clear:both可以不加,因為加了絕對定位后,脫離了文檔流,就失去了意義。
#left{ width:110px;float:left;}
#mid{width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999;clear:both;position:absolute; top:0;margin-left:790px;}
最后一行clear:both可以不加,因為加了絕對定位后,脫離了文檔流,就失去了意義。
2017-03-25
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
2017-03-24
這一節的確講錯了,浮動使其脫離了標準文檔流,,,,這種official的表述暫且不談,
box1浮動后box2緊挨著box1?
..............額
box2就沒有像剛剛獨占一行了?
box2還是獨占一行,只不過box1處于box2的上一層,把box2前面的蓋住了,在空間上理解是兩層的關系,做個試驗,設一下box2的寬度,設它為20px,如果是緊挨著的話,就能看到,如果仍然占據一行,則由于寬度很小,一定什么都看不到。
我只是不想初學者因為這種問題被繞暈就放棄,講的不對盡管提。
box1浮動后box2緊挨著box1?
..............額
box2就沒有像剛剛獨占一行了?
box2還是獨占一行,只不過box1處于box2的上一層,把box2前面的蓋住了,在空間上理解是兩層的關系,做個試驗,設一下box2的寬度,設它為20px,如果是緊挨著的話,就能看到,如果仍然占據一行,則由于寬度很小,一定什么都看不到。
我只是不想初學者因為這種問題被繞暈就放棄,講的不對盡管提。
2017-03-24