已采纳回答 / 慕粉0816148815
body{margin:0;padding:0} .top{height:100px;background:#000} .main{width:800px;height:300px;background:#ccc;margin:0 auto} .foot{width:800px;height:100px;background:#900;margin:0 auto}
2017-03-14
最赞回答 / 花森煜米
1.原因：footer与head是文档流，而其他元素均设置了浮动，从而脱离了文档流，所以此处footer直接忽略其他浮动的元素好像不存在一样，直接就排在head后面去了。2.解决：因此给footer元素设置了clear: both；清理浮动，使它们与footer一样排在head的后面。
2017-03-11
已采纳回答 / Tendernessmile
必须设置body的margin和padding为0，因为第一个和第三个div设置了绝对定位，所以看不出来有空隙，而第二个div就存在body的边距，导致空隙的出现 ，你设置一个all并没有改变body的边距，所以空隙会存在
2017-03-04
最新回答 / qq_天天_66
其实你的理解没有错，之所以你有这样的误解，你可以试一下将main的margin-left：10px时，你会发现left向右移动了10px，而right却没有移动，left和right紧贴在 了一起。你就说明了他的定位确实是相对了body来的。
2017-03-02
