Html CSS-如何强制一个完整的高度增长更长的内容？

我怎样才能让我的分区以最小高度100%全屏显示

当内容需要更高的高度时，我想强制设置部分高度，否则只需将其保持在100%全屏

我的测试代码在

您可以看到，内容比屏幕长时会被裁剪。但我想强迫身高增长。可能吗

CSS:

HTML:

我爱你，我爱你，我爱你。。。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

Lorem ipsum dolor sit amet，奉献精英。。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

我爱你，我爱你，我爱你。。。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

我爱你，我爱你，我爱你。。。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

您可以为全屏显示设置100vh高度

min-height: 100vh;

更新的小提琴

它可以工作

.full-screen {
      min-height: 100vh;
      /* vh = viewport height || CSS3 */
}

.full-screen {
  min-height: 100vh;
}

---

现场演示-

如果它解决了您的问题，请继续并选择它作为答案。点击勾选：）我还需要6分钟才能接受答案；-）

.full-screen {
      min-height: 100vh;
      /* vh = viewport height || CSS3 */
}

.full-screen {
  min-height: 100vh;
}