我是新来的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