css - 覆盖 div 添加边距

Question

我有#cover div以下CSS

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

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

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

那是因为margin8 的 a 被添加到顶部和左侧。

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

演示小提琴。

Answer 1

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

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

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

这是一个小提琴

另外，你甚至不需要那个fixed位置..看看那个小提琴