css - 如何避免 body 标签产生的边框/边距？

Question

我是 CSS 新手。我有一个看似简单的问题。这是一个简单页面的 fiddle 。 http://liveweave.com/c6j68I

目标是在珊瑚背景下显示一个固定的 900 像素白色 div。

我尝试使用两个 div #outerWrapper 和 #wrapper 来实现这一点。

但是，整个页面似乎还是白底，这似乎与body标签相连。 (请使用全屏模式查看)。

如果我为 body 提供 #outerWrapper 的背景颜色，同样，该颜色也会出现在页面的顶部和底部，这是不希望的。 (请取消注释 body 的 CSS 以查看此内容。)

我试过使用文章标签；使用负边距；并改变 body 标签的尺寸。似乎没有任何效果。

简单来说，想要一个“柱状”外观:coral-white-coral；而不是我目前的“盒装”外观。

请帮忙。

Answer 1

只需在您的 CSS 中为 body 添加样式并将边距设置为 0px，如下所示:

body {
    margin: 0px;
}