已采納回答 / 慕粉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