*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left; margin-right:13px;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:792px;border:1px solid #999;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left; margin-right:13px;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:792px;border:1px solid #999;}
2016-10-26
排名第一的解釋是錯誤的(即weixin_phoenix_1的解釋)。
我測試了下:
所謂的絕對定位元素設置margin屬性,margin的位移相對的是自己絕對定位之前的位置。自己以前位置是在sidebar的下面,mainbody的左邊。所以一設置剛好出現這種情況。
否則你就無法解釋,為什么margin-left不是相對于sidebar,但margin-top是相對于siderbar
我測試了下:
所謂的絕對定位元素設置margin屬性,margin的位移相對的是自己絕對定位之前的位置。自己以前位置是在sidebar的下面,mainbody的左邊。所以一設置剛好出現這種情況。
否則你就無法解釋,為什么margin-left不是相對于sidebar,但margin-top是相對于siderbar
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{ margin-left:0; width:110px; top:0px;}
#mid{margin-left:123px;top:0px;position:absolute; width:650px;border:1px solid #999;}
#right{ width:177px;top:0px;position:absolute; border:1px solid #999; right:0px; }
#mainbody{position:relative; margin-top:15px;}
#left{ margin-left:0; width:110px; top:0px;}
#mid{margin-left:123px;top:0px;position:absolute; width:650px;border:1px solid #999;}
#right{ width:177px;top:0px;position:absolute; border:1px solid #999; right:0px; }
2016-10-26