如何使用固定主屏幕制作可滚动的div？

Question

我正在尝试将表格放入div中。条件是主屏幕不应滚动，只有内部<div>应滚动。

<p>是基础，其中有<div>，而<div>中有<table>。

overflow:scroll;似乎无法正常工作 - 它会隐藏溢出内容并使<div>可滚动，但主屏幕会随之滚动。

#personal_p{
    position:relative;
    width:1100px;
    height:400px;
    max-height:auto;
    top:15px;
    box-shadow:2px 3px 10px grey;
}

#personal_div{
    position:relative;
    top:-400px;
    left:0px;

    overflow-y:scroll;
    width:1090px;
    height:390px;
    /*border:2px solid red;*/
}   

Answer 1

您只需创建一个包含该表的单独页面，然后使用<iframe>标记将其重新添加到所需页面中。

- http://www.w3schools.com/tags/tag_iframe.asp

您还可以引用.html页面而不仅仅是链接。

Answer 2

这就是你所追求的？

#personal_p{
position:relative; 
 margin:10px; 
 overflow-y:scroll;
 width:600px;
height:400px; 
top:15px;
box-shadow:2px 3px 10px grey;
}

#personal_div{
position:relative; 
left:0px; 
/*border:2px solid red;*/
}   

https://jsfiddle.net/GlynneT/kytgLhdd/