Css 为什么这个div元素没有延伸到屏幕的顶部？

给定以下css位

.reveal .fulldiv{
    position:fixed;
    background: green;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

通过一个简单的html文件

foo

我得到了我所期望的，一个左上角带有foo的绿色背景。当我使用创建HTML5演示文稿时，我得到的是：

我认为使用

position:fixed

不会关心它所包含的任何内容。然而，它似乎尊重它所在的某个容器如何让该div像以前一样扩展全屏？

为完整起见，以下是用于图片的正文（不包括脚本调用）：

<div class="reveal"><div class="slides">
<section class="vertical-stack">
  <section class="vertical-slide">
    <div class="fulldiv">foo</div>
  </section>
</section>
</div></div>

福

您的css中缺少一个逗号

.reveal, .fulldiv{
position:fixed;
background: green;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}

---

如果您想要的是100%的实际屏幕宽度和高度，而不是父屏幕，那么为什么不能更改HTML使其没有父屏幕？或者使position:absolute必须是另一个在起作用的东西。

position:absolute

没有效果（也尝试过）。幻灯片是自动生成的，所以我不希望在这个容器外编辑html。@我同意，我必须在

reveal.js的css或js中完成。当使用绝对或固定定位时，什么可以将div固定到容器上？iframe。不过，我在你的形象中看不到。