這個邊界爲什麼會出現？

Question

爲什麼此白色邊框總是出現在框的周圍？我怎樣才能讓它適合整個頁面（水平），而不使用'position：absolute'？

http://jsfiddle.net/yag79aLt/

.footer-block { 
 
    height: 250px; 
 
    width: 100%; 
 
    background: #000; 
 
}

<div class="footer-block">

Answer 1

以下內容添加到您的CSS：

body { 
    margin: 0; 
} 

這將頁面的邊距設置爲零，從而消除在你的jsfiddle白色邊框。

Answer 2

默認情況下，身體周圍通常有一個小小的空白。在大多數主流瀏覽器中，所有邊的默認邊距都是8px。它由您的瀏覽器提供的用戶代理樣式表以像素爲單位定義。一些瀏覽器也添加了填充。

我開始在我所有的項目中添加此來覆蓋：

body { 
    margin: 0; 
    padding:0; 
} 

如果你有一個大的項目，你可以考慮使用normalize.css。它將很多默認值重置爲跨瀏覽器一致。 http://necolas.github.io/normalize.css/

Answer 3

你應該總是讓保證金和身體的填充0 design.It之前將您的設計perfect..good運氣... :)

CSS代碼：

body { 
    margin: 0; 
    padding: 0; 
} 
.footer-block { 
    height: 250px; 
    width: 100%; 
    background: #000; 
}