如何锁定<div> </div> </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;
}