如何锁定滚动 <div> 在后面 <div>

Question

我有一个将div附加到html正文的页面。 但是现在的问题是我正在进行两个滚动（一个滚动在新的div上，另一个滚动在它的后面），这大约是页面的结构，我如何制作它，使得只有这个新添加的div是一个可以滚动而不是在其后面。

大概是下面的结构：

<div class="right col clearfix>
<div class="modal container in">
</div>
</div>

基本上，我只希望模式容器成为可滚动的容器，别无其他。

Answer 1

HTML

<div class="right col clearfix>
    <div class="modal container in"></div>
</div>

CSS

.right col clearfix {
    overflow: hidden;
}
.modal container in {
    width: //your width;
    height: //yourheight;
    overflow: scroll;
}