html - 如何制作窗口高度为 100% 的部分

Question

我将我的页面分成多个部分标签，这就像网站有多个页面一样。我的问题是我无法让每个部分都具有 100% 的窗口高度，并且不知何故部分之间存在间隙。

我希望我可以在没有任何 JavaScript 和使用百分比的情况下解决这个问题，这样它会更流畅。

下面是我页面的 HTML 大致样子:

<div id="nav">
  navigation code here
</div>

<div id="wrapper">
  <section>content</section>
  <section>content</section>
  <section>content</section>
</div>

完整的 HTML 和样式可以在 http://theailona.com/doaibu 找到。

编辑:Gopikrishna 和 Praveen Kumar 解决了差距

Answer 1

CSS 修复:

这是因为 margin的 <h1>标签。在您的 CSS 中更新它。还有，margin的 <p>标签给你空白。

h1 {margin: 0;}
.content {overflow: hidden;}

备选方案:

#wrapper > section {overflow: hidden;}