Html 如何让主简介div始终显示窗口的全宽

我怎样才能让我的第一个div始终是全屏的（浏览器而不是计算机），然后支持div显示在下面

我想复制这个站点的布局

以最简单的形式，我只想：

• 第一部分为窗户的全高和全宽
• 支持特定大小的内容，而不是全屏

---

谢谢

您需要给

html

、

主体

和

全高div

一个100%的高度

CSS

html,
body {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
}

.full-height-content {
  height: 100%;
  overflow-y: auto; /* margin overflow fix */
}

HTML

<div class="full-height-content">
    This is your full height content
</div>
<div class="page-content">
    <p>This is your standard page content</p>
</div>

这是您的全高内容
这是您的标准页面内容

这是一个密码笔：

---

好的浏览器提供了内置的工具来分析HTML元素和相关的CSSI。我知道，但我是一个初学者，发现它们的代码很难理解。我只想简化它，不需要所有额外的代码太好了，谢谢，但是顶部有一个白色的边距，这是由于主内容中标签上的默认边距造成的。我已经删除了它并更新了代码笔链接。查看更新的答案。对于他们刚刚提出的问题，更好的解决方案是使用

overflow-y:auto在
div
上。否则，一旦他们试图给内部元素添加一个边距，问题就会再次出现