Css 在body的子级上设置100%会溢出页面

这是css

正文，html{ 身高：100%； 宽度：100%； } 容器{ 显示器：flex； 位置：绝对位置； 柔性流：柱包裹； 证明内容：拉伸； 对齐项目：居中； 宽度：100%； 身高：100%； 文本对齐：居中； 背景色：黑色； } 分区{ 显示器：flex； 柔性流：行换行； 对正内容：左； 对齐项目：拉伸； 保证金：0； 填充：0； 宽度：100%； 颜色：黑色； 背景图像：线性梯度0，橙色，金色； 边框顶部：2件纯黑； 底部边框：2件纯黑； } 其中container是div.sections的同级，两者都直接位于body标记下。 问题是容器的高度超过了主体的高度。 我不知道这里的问题是什么，也不知道它是否与flex有关。我知道如何用javascript解决这个问题，

---

但是我真的希望看到css中的解决方案。

我已经尝试将特定的高度值添加到父div.section中，例如height:500px；这会解决你的问题。谢谢

div.sections {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: stretch;
  margin: 0;
  padding: 0;
  height: 500px; /* Height Value as you want */
  width: 100%;
  color: black;
  background-image: linear-gradient(0, orange, gold);
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}