Footer與其他內容分開

Question

所以我沒有在頁腳之前的部分設置邊距，但不知何故它是分開的，我不能找出原因。任何想法？謝謝！

HTML：

<section> 
<div class="content"></div> 
</section> 

<footer> 
<div id="footer"></div> 
</footer> 

和CSS：

.content{ 
background-image: linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%); 
background-image: -o-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%); 
background-image: -moz-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35)  69%); 
background-image: -webkit-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%); 
background-image: -ms-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%); 

background-image: -webkit-gradient(
linear, 
left bottom, 
left top, 
color-stop(0, rgb(135,127,127)), 
color-stop(0.69, rgb(37,37,35)) 

）;

#footer{ 
    background:url(images/footer.png) left top no-repeat; 
    height:450px; 
    } 

Answer 1

嘗試應用CSS重置你做任何你的造型前：http://meyerweb.com/eric/tools/css/reset/

Answer 2

在HTML4規範（http://www.w3.org/TR/CSS21/sample.html）有一個默認的樣式表定義的利潤率和其他格式。即使您沒有在CSS中編寫它，也會導致瀏覽器呈現保證金。

據我所知，HTML5中沒有默認樣式表的規格，因此瀏覽器使用他們自己的默認樣式表。

因此，看起來section元素使用的邊距默認設置了一些邊距（在瀏覽器中）。如何避免這種情況的最佳方式是重置CSS。

http://html5doctor.com/html-5-reset-stylesheet/可能是一個很好的解決方案。