css - 在整个高度上扩展黑色背景，并在需要时能够滚动

Question

在下一页http://goo.gl/I5f0159您会看到框中的文本超出了页面范围，因此当我们滚动时，我们可以看到所有文本并且黑色背景正确展开。

在下一页http://goo.gl/P2N52uM您会看到框中的文字很小，但问题是我希望黑色背景在整个高度上展开。

我需要在两个页面上应用一个 css 修复，所以无论文本的高度如何，我都希望黑色背景填充高度。

有什么想法吗？谢谢。

Answer 1

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

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

同时添加 #column-content { overflow: auto; }

由于#page {overflow: hidden;}

背景停在视口(viewport)的高度

仅在文本超过视口(viewport)高度时向 #column-content 添加滚动条将解决此问题。