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

您必须将overflow:autoon 设置为div#contentnot ondiv#container并以一种或另一种方式指定div#content类似的高度height:95%

这是一个小提琴：http: //jsfiddle.net/TKDqT/9/

或者，您也可以使用 jQuery 左右指定高度：

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

这将比百分比高度更准确。