减少背景和屏幕两侧之间的空间

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。只需为此两个元素设置margin和padding至0：

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

• Here is FIDDLE Demo without removing the gap.
• Here is FIDDLE Demo by removing the gap.