Css 特定div上的滚动条进入引导模式主体

我的模态主体有两个并排的div，其中一个必须有一个滚动条，如果他的内容对于模态来说太大了。 不幸的是，滚动条出现在模态体上，而不是我的div上

我所拥有的：

我想要的是：

我的panelGuest将

overflow-y

设置为自动，我尝试使用“滚动”，但滚动条显示但不可用。我在模态体上尝试了不同的溢出值，但没有成功

css:

html:

我想要y形滚动条的div

---

这里有一个问题：

我这样做是为了使模态的高度成为一个固定值：

#modalShare {
    margin-left:-200px;
    height: 300px;
 }

@media (max-width: 767px) {
    #modalShare {
        width: auto;
        margin-left: auto;
    }
}

#modalShareBody {
    overflow:hidden;
}

#panelGuest{
    width: 35%;
    float:left;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right:solid #ff920a 2px;
}

#panelDetail{
    float:left;
    width: 60%;
}

---

这就是您需要的吗？

我认为您需要使panelGuest

位置：相对，并在modalShareBody上设置一个特定的高度，以便面板可以达到100%

#panelGuest{
    position: relative;
    width: 35%;
    float:left;
    border-right:solid #ff920a 2px;
    min-height:100px;
    height: 100%;
    overflow: auto;
}

这是更新的小提琴：
相对位置没有用处，但具体高度是！谢谢你的回答。
#modalShare {
    margin-left:-200px;
    height: 300px;
 }

@media (max-width: 767px) {
    #modalShare {
        width: auto;
        margin-left: auto;
    }
}

#modalShareBody {
    overflow:hidden;
}

#panelGuest{
    width: 35%;
    float:left;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right:solid #ff920a 2px;
}

#panelDetail{
    float:left;
    width: 60%;
}

#panelGuest{
    position: relative;
    width: 35%;
    float:left;
    border-right:solid #ff920a 2px;
    min-height:100px;
    height: 100%;
    overflow: auto;
}