我有一个水平滚动容器,并且在其中打开了一个下拉菜单(position: absolute)。我希望打开的下拉菜单可以在垂直方向上溢出这个容器。 overflow-y: visible
不起作用,而且容器仍然可以在垂直方向上滚动。
这是一个简化的示例: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;
}