覆盖 div 添加边距

Question

我有一个 #cover div 和以下 css

#cover {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    position: fixed;
    width: 100%;
    z-index: 9000;
}

我希望它像这样覆盖整个（查看过的）页面

但是当我向下滚动时，我看到了这个

这是因为margin 被添加到顶部和左侧。

我尝试添加margin:-8 -8 8 8;，但没有成功。为什么？？？我该如何解决这个问题？

DEMO fiddle.

Answer 1

你去设置一个位置。只需添加：

top: 0;
left: 0;

由于您没有发布完整的标记，我只能假设您的身体有一个边距或填充，导致您看到的转变。

• fiddle demonstratig the problem
• fiddle with fix applied

Answer 2

简单的解决方法。

将其添加到您的 CSS

* /*Remove all the default margin and padding*/
{
    margin: 0;
    padding: 0;
}
html, body /*so it'll work when you specify 100% height on element*/
{
    height: 100%;
}

顺便说一句：使用单位（px/%）作为除 0 以外的边距/填充。

这是Fiddle

另外，您甚至不需要 fixed 的位置。查看 fiddle