CSS - 左侧和顶部的不需要的填充

Question

我正在theuselessweb.com的网站上创建一个愚蠢的网站。 （警告：以后每个链接的页面都有奇怪的音频。）但是，我遇到了一个问题：我对作为背景的网站有一个小插图效果，在this jsFiddle，我做了我所有的工作，它看起来很完美。但是，当我upload it to my webserver进行真实测试时，它在Chrome或Firefox中都不起作用：背景颜色与页面顶部和左侧的晕影效果之间存在不需要的空间。是什么造成的？我怎么能摆脱它？

编辑：自从我收到答复后，这已经解决了。因此，上面我的网络服务器的链接不再有问题。

Answer 1

默认情况下，每个浏览器都会为元素定义一些不同的边距或填充。在你的情况下，body-element有一个余量。

在你的CSS中改变它，你没事。

body {
width: 100%;
height: 100%;
background: #666666;
margin:0;
}

Answer 2

尝试检查你的css是这样的：

*{
 margin:0px;
 padding:0px;
}

如果问题仍然存在，可能是因为CSS中的一些较低级别覆盖了样式