设置溢出：自动，高度为 100%

Question

在我的页面中，我有一个元素的高度基于其父元素的 100%；但是，我希望这个元素在必要时自动垂直滚动。这是我的例子。

我做不到。

我添加了以下css：

height:100%;
max-height:100%;

事实上，我想要的是确保.content始终在.container. 像这样：

（顺便说一句，在上图中，我使用了max-height:400px应该避免的，因为它的最大高度应该基于 的高度.container）

有任何想法吗？

Answer 1

这接近您正在寻找的解决方案，尽管您可能需要调整填充等以获得更美观的外观：http://jsfiddle.net/GJ5yM/

新的CSS：

    .content{
        height:100%;
        position: absolute;
    }
    .windowcontent{
        background-color: white;
        padding: 10px;
        max-height:100%;
        position:relative;
        overflow-y:auto;
    }