*{margin:0; padding:0;}
#wrap{width:970px;margin:0px 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;margin-left:790px; border:1px solid #999;}
#wrap{width:970px;margin:0px 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;margin-left:790px; border:1px solid #999;}
2017-03-16
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:794px;border:1px solid #999;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:794px;border:1px solid #999;}
2017-03-15
已采纳回答 / 从何说起_
同学建议你好好看看视频 当没有设置父元素的时候 对子元素设置absolute默认在左上角 但是现在设置了父元素 因为div本身是块级元素 并且你没有对right块设置浮动 所以right块正常应该在左面两块的下面 因为你设置了margin-left=790px 所以现在才是你看到的挨着右边的位置 你只有设置一个top:0;才能使right挨着上边。
2017-03-15
已采纳回答 / 慕粉1543163574
父层wrap层的宽度是960px,包装盒是960px,里面一个食品的宽度是800px,一个食品的宽度是140px,这2个食品的空隙就是20px
2017-03-14
注意:直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置.
2017-03-14