已采納回答 / 健忘的老夫子
這個不僅是兼容的問題還是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
