css - 嵌套的 div 滚动条

Question

我试图让一个内部 div 来显示 y 轴滚动条而不是外部 div。

在示例中，外部 div 正在滚动，其中包含我不想要的菜单。

http://jsfiddle.net/TKDqT/6/

CSS

div#container
{
        overflow: auto;

        width: 90%;
        height: 65%;
        position: absolute;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto -10px;
        padding: 10px;

        background-color: rgba(0,0,0,0.6);
        border:0px solid black;
        border-radius:15px;

        font-family: 'PT Sans', arial, serif;
        color:#ffffff;
        text-align:right;
        font-size:18px;
}

div#content
{
        font-family: 'PT Sans', arial, serif;
        color:#ffffff;
        text-align:left;
        font-size:14px;
}

Answer 1

您必须在 div#content 而不是 div#container 上设置 overflow:auto 并以一种或另一种方式指定div#content 的高度，例如 height:95%

这是一个 fiddle :http://jsfiddle.net/TKDqT/9/

或者，您也可以使用 jQuery 等指定高度:

$("div#content").outerHeight( $("div#container").innerHeight() -  $("div#content").position().top);

这比百分比高度更准确。