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

Question

我在theuselessweb.com网站的脉络中制作了一个愚蠢的网站。（警告：此后每个链接的页面上都有奇怪的音频。）但是，我遇到了一个问题：我在作为背景的网站上有一个晕影效果，在这个 jsFiddle中，我做了所有的工作，它看起来完美的。但是，当我将它上传到我的网络服务器进行真实测试时，它在 Chrome 或 Firefox 中都不起作用：在背景颜色和页面顶部和左侧的晕影效果之间有一个不需要的空间。这是什么原因造成的？我怎样才能摆脱它？

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

Answer 1

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

在你的css中改变它，你很好。

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

Answer 2

尝试检查你的 css 是否有这样的东西：

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

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