Css 扩展整个高度的黑色背景，如果需要可以滚动

在下一页中，您将看到框中的文本超出了页面，因此当我们滚动时，可以看到所有文本，并且黑色背景正确展开

在下一页中，您将看到框中的文本很小，但问题是我希望黑色背景在全高上展开

我需要一个css修复，以适用于这两个网页，所以无论文本的高度，我想黑色的背景，以填补高度

---

有什么想法吗？谢谢。

将页面和内容div设置为100%

#page, #content {height: 100%;}

同时添加

#列内容{overflow:auto；}

由于

#page{overflow:hidden；}

---

将滚动条添加到

#列内容

，仅当文本超过视口的高度时，才能解决此问题。

添加此规则，使当前CSS属性保留在两个页面上：

#page{
height: auto;
bottom: 0;
top: 0;
position: absolute;
}

当然，您可以重写和编辑此属性，或者至少在之后添加上面的属性

#page, #content {
height: 100%;
}

---

我按照您的建议进行了更新，但第页的黑色背景填充不正确。尝试访问此页面并滚动。谢谢。你会反对在内容区设置滚动条吗？如果没有，我有一个即时的解决方案，你在想什么？只是出于好奇，让我知道我的解决方案是否也有效。谢谢你提出的两个问题，