当内容超出浏览器高度时，绝对定位的 div 不显示全部内容答案

【问题标题】：Absolute positioned div not display full content when the content extends beyond the browser height当内容超出浏览器高度时，绝对定位的 div 不显示全部内容
【发布时间】：2011-06-29 07:07:45
【问题描述】：

所以，我现在的问题是我有一个带有 overflow: hidden 和 min-height: 100% 的包装 div，以便它保持浏览器窗口的高度。

但是，当我在侧边栏上有大量内容时（如链接图像所示），这会导致问题

http://d.pr/2jVn

如果我从包装 div 中删除溢出：隐藏，那么它只会看起来很时髦。

我需要知道的是如何保持我的内容不消失。

【问题讨论】：

显示一些实际代码，或者你会得到答案：不要使用position: absolute - 而是使用另一种方法将其移动到它所在的位置。或者，如果您希望它滚动，只需将overflow-y: auto 应用于侧边栏。
在 jsfiddle.net 上放一个工作示例，我们可以看看。你需要在你的问题上付出一些努力才能得到答案

标签： css html overflow positioning css-position

【解决方案1】：

在您的 div 中添加 max-height:100% 和 overflow: auto。我很确定这会奏效。但是如果你提供一些代码对我们来说会更好。

【讨论】：

【解决方案2】：

你可能想尝试这样的事情：

#yourDiv {
    min-height:100%;
}

【讨论】：