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