*{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