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

我在theuselessweb.com的站点上制作了一个很愚蠢的网站。（警告：以后每一个链接的页面上都会出现奇怪的音频）但是，我遇到了一个问题：我在作为背景的网站上有一个小插曲效果，在this jsFiddle中，我做了所有的工作，看起来很完美。但是，当我测试为真实时，它不适用于Chrome或Firefox：在页面的顶部和左侧，背景颜色和晕影效果之间存在不必要的空白。这是什么造成的？我怎样才能摆脱它？CSS - 左侧和顶部的不需要的填充

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

来源

2013-02-24 Suchipi

Jsfiddle默认添加了一个CSS重置，它被错误地标记为“规范化”。 – cimmanon 2013-02-24 12:50:41

每个浏览器都定义了一些不同的保证金或默认填充元素。在你的情况下，身体元素有一定的余量。

在你的CSS中改变这一点，你很好。

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

来源

2013-02-24 11:51:35

啊，谢谢！这解决了它。 – Suchipi 2013-02-24 11:56:32

尝试检查你的CSS这样的事情：

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

如果问题仍然存在，可能是因为一些在CSS的下层阶级正在覆盖风格

来源

2013-02-24 11:43:12

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

回答

相关问题