Question

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

目标是显示以珊瑚背景为中心的固定900px白色div。

我尝试使用两个div制作#outerWrapper和#wrapper来实现这一目标。

但是，整个页面似乎仍然有白色背景，似乎与body标签相关联。（请使用全屏模式查看）。

如果我再次给body #outerWrapper背景色，那么颜色也会出现在页面的顶部和底部，这是不受欢迎的。（请取消注释身体的CSS以查看此内容。）

我尝试过使用文章标签;使用负边距;并改变身体标签的角度。似乎没什么用。

简单来说，想要一个圆柱状的＆＃39;看：珊瑚白珊瑚;而不是盒装＆＃39;看我现在有。

请帮忙。

Answer 1

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

body {
    margin: 0px;
}

Answer 2

由于大多数主流浏览器，所有方面的默认边距均为8px。它由您的浏览器提供的用户代理样式表以像素为单位定义。

如果你想改变它，你可以这样做，把它添加到你的CSS

* {
  padding:0;
  margin:0;
}

想要更完整吗？

使用normalize.css。它会将许多默认值重置为跨浏览器保持一致。

Answer 3

Body具有浏览器设置的默认边距（大多数浏览器将默认样式设置为不同的元素，它们可能因浏览器而异），如下面的开发人员控制台中所示。

注意：在大多数浏览器中，您可以通过按键盘上的 F12 打开开发者控制台：

只需设置以下css即可避免它：

html, body {
  margin: 0;
  padding: 0;
}

Answer 4

尝试添加以下内容

<style>
   body,html {height:100vh; width:100vw; padding:0; margin:0;}
</style>