我是新來的CSS。我有一個看似簡單的問題。這是一個簡單頁面的小提琴。 http://liveweave.com/c6j68I如何避免身體標籤產生的邊界/邊界？
目標是顯示一個固定的900px白色div以珊瑚背景爲中心。
我試過使用兩個div和#outerWrapper和#wrapper來達到這個目的。
但是，整個頁面仍似乎有一個白色的背景，這似乎是連接到body標籤。 （請使用全屏模式查看）。
如果我給出body#outerWrapper的背景顏色，同樣顏色也出現在頁面的頂部和底部，這是不希望的。 （請取消註釋身體的CSS以查看此內容。）
我試過使用文章標記;利用負利潤率;並改變身體標籤的尺寸。似乎沒有任何工作。
簡而言之，想要一個'columned'外觀：珊瑚 - 白珊瑚;而不是我現在擁有的'盒裝'外觀。
請幫忙。
就在你的CSS添加樣式爲body和設置margin爲0px，像這樣：
body {
margin: 0px;
}
接受，因爲你最早回答。順便說一句，它部分解決了問題。上邊緣仍然在那裏。發現它來自'h2'並將其設置爲0.感謝您的幫助。 – Snowman
事實上，在我做完之前，皮奧回答了7秒。儘管我非常欣賞聲譽，但如果我沒有指出這一點，我會感到失望。 –
正文由瀏覽器設置默認頁邊距（大多數瀏覽器將默認樣式設置爲不同的元素，並且它們可能會因瀏覽器而異），如下面在開發人員控制檯中所示。
注：在大多數瀏覽器可以通過按鍵盤上的F12打開開發者控制檯：
只需設置以下CSS來避免它：
html, body {
margin: 0;
padding: 0;
}
嘗試添加以下
<style>
body,html {height:100vh; width:100vw; padding:0; margin:0;}
</style>
因爲大多數主流瀏覽器，默認餘量爲8像素上所有面。它由您的瀏覽器提供的用戶代理樣式表以像素爲單位定義。
如果你想改變它，你可以做到這一點，它添加在你的CSS
* {
padding:0;
margin:0;
}
想成爲更完整？
使用normalize.css。它將很多默認值重置爲跨瀏覽器一致。
打開DevTools（按F12）並檢查正文元素。默認情況下，它有'body {margin：8px; '應用於它。你應該覆蓋那個。 – akinuri
@akinuri：謝謝。它解決了「方面」的問題;但我仍然在頂部獲得利潤。 – Snowman
[刪除CSS中的body margin]可能的重複（http://stackoverflow.com/questions/30208335/removing-body-margin-in-css） – Rob