已采纳回答 / 健忘的老夫子
这个不仅是兼容的问题还是dw的问题，为什么呢？因为：这个CSS的写法 旧 IE 的浏览器显示不正常， 偏偏DW上面是以旧浏览的方式显示的，你可以去用旧的IE浏览器看看，旧ie不可以正常显示的。这个写法如果不要求对旧浏览器兼容 问题就不大
2016-03-18
已采纳回答 / qq_宅小羊_0
right也是一个独立的盒子，相当于盒子里面又有一个盒子，mainbody包裹了它，mainbody是它的父级，它相对于mainbody定位，而对right设置padding出现的偏移是在right盒子内部，right本身设置了border值，border左边框不会发生变化，只是right中的内容发生偏移
2016-03-18
已采纳回答 / wcl叶子雨
因为我们把mainbody已经设置成相对定位，设置偏移量时content就会相对mainbody偏移。sidebar只是一个固定不动模块可以当它不存在。在这里margin-left和padding-left一样的效果是因为它没有设置边框，添上边框就看得出来效果
2016-03-18
CSS中3中定位机制：1.标准文档流（a.从左到右，从上到下，输出文档内容b.由块级元素和行级元素组成）。2.浮动3.绝对定位。
2016-03-18
难道只有我一个人瞎？任务1不是要求wrap的顶部和底部与浏览器无间距么？
#wrap{width:972px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position:absolute;top:0;bottom:0;left:50%;margin-left:-486px;}
#wrap{width:972px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position:absolute;top:0;bottom:0;left:50%;margin-left:-486px;}
2016-03-17
最新回答 / 煎蛋的少年
不设置也是没有影响的。因为div块状元素，自身会独占一行，即自动继承父级也就是wrap的100%宽度。这种宽度设置可能是因为大牛编写程序的习惯吧，也许复杂调整需要设置到宽度。
2016-03-17
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%; margin-top:15px; position:relative;}
#left{float:left;width:110px; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute; top:0; margin-left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%; margin-top:15px; position:relative;}
#left{float:left;width:110px; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute; top:0; margin-left:790px;border:1px solid #999;}
2016-03-17
