小编mat*_*gan的帖子

我有一个水平滚动的容器，并在里面打开了下拉菜单（位置：绝对）。我希望打开的下拉列表在此容器中垂直溢出。y：溢出-无效，容器仍可垂直滚动。

这是简化的示例：http : //jsfiddle.net/matcygan/4rbvewn8/7/

的HTML

<div class="container">
    <div>
        <div class="dd-toggle">Dropdown toggle
            <div class="dd-list">Opened drop down list</div>
        </div>
    </div>
</div>

的CSS

.container {
    width: 200px;
    overflow-x: scroll;
    overflow-y: visible;
}
.container >div {
    width: 300px;
}
.dd-toggle {
    position: relative;
    background: grey;
    line-height: 40px;
}
.dd-list {
    position: absolute;
    top: 90%;
    background: #ff9c00;
    width: 70px;
}