只使用CSS，是有可能创造恰好覆盖整个文档内容区域一个div？

Question

我只是想知道是否有可能只使用CSS而不是JavaScript来风格DIV，将完全涵盖了整个内容区域？ （注意：全部内容，而不仅仅是视口）。这似乎不可能，因为元素具有一定的余量，而且好像没有简单的方法来样式化DIV包括body元素的那个缘的宽度和高度。但实际上是有可能？

更新：对不起，一个要求是，我们不能的边距设置为0 ...（UPDATE2：说，如果我们需要将它做成一个库，并能“T请问谁用它来建立人体所有的人有保证金0）

Answer 1

如果在页边距设置，则不能使用在

重写利润率负利润率？据我所知的边距可以浏览器之间变化。如果在有10px的保证金，然后风格你的div像这样：

div#mydiv {
margin: -10px;
}

您会使用相同的原理来覆盖填充（如果适用）。

Answer 2

当然，我想。

复位默认边距：

* { margin: 0; padding: 0; }

然后

<div id="shader"></div>

做的：

#shader {position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0;}

Answer 3

这可能是一个解决方案，但它不会在IE ...

div.cover { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }

Answer 4

逻辑上，这是不可能的。你DIV一直走身体内，不在外面。

或者换一种说法，你问整个“内容区”覆盖，但实际上并不是你想要的，你想被覆盖了整个身体。

Lazlow具有最佳的建议。也许设定的切缘阴性/填充到大的东西，所以你可以肯定它比浏览器的默认越大，则具有相同保证金/填充值内的div唯一积极的？

Answer 5

是。你只是身体标记的填充和余量设置为0，则div标签的填充和余量设置为零。

Answer 6

这个是什么？

<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;">...

Answer 7

喜欢Ambrose的答案。身体是你的HTML最终的容器。我还没有看到任何利润在身体和Mozilla，Chrome浏览器，IE或Opera - 当前版本。为了证明这一点：款式点击 体{背景颜色：黄色;} / *和看一看。 * /

在任何情况下，它总是正常化浏览器设置的margin，padding等零一个很好的做法！ 像的Dmitri Farkov以上

Answer 8

我觉得有没有办法让格“浮”在你的浏览器，如果会的话，那么该技术可以克服你的屏幕，像车身风格=“保证金：-40px” - 如果这流血您的桌面上？

顺便说一下，HTML风格是不正常的，你会怎么做？风格？在任何情况下，他们在那里，所以你可以在所有设备上的设置样式，但我不认为这将是更聪明的。

我不知道这是否可以帮助：

<div style="margin:-100%">

但我怀疑这会克服浏览器窗口...

Answer 9

我觉得MiffTheFox的做法是最好的，因为它的解决方案覆盖，而其他的div具有绝对定位的情况。 请记住，绝对定位元件熄灭的流动，并且如果任何元件在顶部定位成用于例如：9000px，身高不会> 9000px

。

Answer 10

<style type="text/css">
    #superdiv{ position:fixed; top:0; left:0; width:100%; height:100%; }
</style>

<div id="superdiv">
    Put some content here.
</div>