html - 如何制作一个跨越文档整个高度的 div，即使它不包含任何内容？

Question

我想要一个名为“内容”的 div，它从页面顶部开始向下延伸到底部，即使没有其他内容。我试图弄清楚如何使用非常简单的 CSS 来做到这一点，所以我可以在我现有的网站上实现它。这是我一直在玩的代码：

html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

}
#content
{
    position: relative;
    top: 0;
    margin: 0 auto;
    border: 1px solid red;
    width: 70%
}

这将创建一个 div，但它最终只是屏幕顶部的一条红线。如果我添加height: 900px;那么它将起作用，但我试图不使用特定的测量值。

Answer 1

怎么样#content { height: 100%; ... }？

Answer 2

使用min-height:100%它以便它可以在必要时增长，并删除所有其他规则（它们没有做任何事情）。