已采纳回答 / 掌仙人
他改了 content 盒子的宽度，开始设置的是770px （注意这是实际内容的宽度） ,实际上由于内边距的原因，所以content盒子的实际宽度为：padding （左右）+内容宽度（即设置的width）+border宽度（左右）;很明显，他的背景图宽度为770，和设置的width为770，但是世界的content盒子宽度超过了背景图片的宽度，所以有竖线。最后老师将设置的width改小，使得content盒子实际宽度之和为770，同背景相同就没有了竖条
2016-03-10
最赞回答 / weibo_
我试验了一个，应该你是没有全屏查看，全屏查看就是居中的了，然后你的子模块由于不是自适应wrap的宽度，所以在warp居中后子模块会靠在warp模块的左边
2016-03-07
已采纳回答 / SAVEKAI0
#mainbody{ margin-top:15px;position: relative;}#right{border:1px solid #999;position: absolute;margin-left: 792px;}不设置宽度就能自适应。
2016-03-07
最赞回答 / 小碗大宝宝
#left的宽度110px + #left和#mid之间的13px的margin值 + #mid宽度650px + #mid和#right之间的17px的margin值 + 最后加上#mid和#left的左右边框4px
2016-03-07
已采纳回答 / 金祥
每个浏览器对编写的html文件，都有不同默认的样式。所以要清除默认样式。每个浏览器的显示效果，会存在较大或者细微的差别，这与浏览器、浏览器的兼容性等是相关的。
2016-03-07
已采纳回答 / Justtao
这跟老师出题的要求有关：1，left和mid 这两个div 使用float-left后，位置固定；2，right 这个div使用相对位置和绝对位置，right的宽度可以随着wrap（mainbody)的宽度自适应横向排版变化；假如right这里采用float-left,那么需要先给right设置一个宽度，这样的话right的宽度就不在随wrap变化，也就不是所谓的自适应了。
2016-03-05