Question

我们正在为我们城市的TEDx建立一个网站，我们被困住了..

以下是它的草稿副本：tedx.mozerov.ru

我们有一个div id =“section-event”，我们希望在加载时整个页面。我们增加了高度：100％;和宽度：100％;，但块仍然没有填满整个页面：（

请帮忙！

Answer 1

好吧，不知道你将如何使用这个div，但是：

position: absolute; top: 0; left: 0; height: 100%; width: 100%;

Answer 2

将高度：100％应用于html和body元素。我刚刚在FireBug中测试过，我认为它可以实现你想要的效果。

Answer 3

我仍然无法评论其他人的答案，所以这是我的答案，这只是对uotonyh的一个简单的补充，可能有用。

使位置绝对并添加任意z-index。只要z-index高于其他绝对/相对DIV，它就应占用整个视口。如果你在顶部和左侧看到一个空格，那么添加margin：0px;到你的身体css标签。

实施例

#section-event {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
}

Answer 4

这取决于您的网站布局，有时您会有不兼容性。但总的来说这样的工作：

#redoverlay {
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

我已经看到这种情况在<div id="redoverlay"></div>元素始终存在的某些网站中使用，但其可见性已被禁用。当它需要通过JavaScript显示它的设置时。

Answer 5

您可能需要的是margin: 0px

中的body