html - 减少背景和屏幕边之间的空间

Question

字体有一些背景div：

#reset_font{

    margin-top: -10px;
    padding-right: -10px;
    padding-left: -10px;
    height: 800px;
    width: 10%;
    background-color: #00ff00;
}

对于顶部减边距作品，字体和窗口顶部之间没有空间。但在右侧，右侧窗口和字体之间有细线白线（无字体）。如果我将宽度设置为 101%，则没有空间，但我不喜欢这个主意。

Answer 1

使用负边距非常麻烦，因为这些边距可能是特定于浏览器的。当把所有东西都放在一边时，什么是这样的：

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

把它放在你的css的顶部，你应该很好。

Answer 2

您看到的空间是用于body和在某些浏览器中，用于html. 只需将marginandpadding设置0为这两个元素：

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

• 这是 FIDDLE Demo 没有消除差距。
• 这是通过消除差距的 FIDDLE Demo。