Question

我有一个#cover div，其中包含以下css

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

我想让它覆盖整个（已浏览）页面，如此

enter image description here

然而，当我向下滚动时，我看到了这个

enter image description here

那是因为margin为8添加到顶部和左侧。

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

DEMO fiddle.

Answer 1

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

top: 0;
left: 0;

既然你没有发布完整的标记，我只能假设你的身体有一个边缘或填充，导致你看到的转变。

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%;
}

BTW：使用单位（px / %）进行除0之外的保证金/填充。

这是一个Fiddle

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

覆盖div增加保证金

2 个答案: