#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