为什么这个div元素不会延伸到屏幕顶部？

Question

给出下面的css

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

使用一个简单的html文件<div class="fulldiv">foo</div>我得到了我所期望的，左上角是foo的绿色背景。当我使用reveal.js创建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>

Answer 1

你在css中遗漏了一个逗号

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