#wrap{width:970px; overflow:hidden; margin:0 auto;}
#mainbody{width:100%; margin-top:15px;}
#left{border:1px solid #999; width:110px;float:left; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:20px;}
#right{float:right;border:1px solid #999;width:172px;}
#mainbody{width:100%; margin-top:15px;}
#left{border:1px solid #999; width:110px;float:left; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:20px;}
#right{float:right;border:1px solid #999;width:172px;}
2016-03-11
已采納回答 / 掌仙人
他改了 content 盒子的寬度,開始設置的是770px (注意這是實際內容的寬度) ,實際上由于內邊距的原因,所以content盒子的實際寬度為:padding (左右)+內容寬度(即設置的width)+border寬度(左右);很明顯,他的背景圖寬度為770,和設置的width為770,但是世界的content盒子寬度超過了背景圖片的寬度,所以有豎線。最后老師將設置的width改小,使得content盒子實際寬度之和為770,同背景相同就沒有了豎條
2016-03-10