Question

我有一个溢出隐藏的容器（可滚动），并且在几个带有自定义下拉列表的磁贴中，以提高触摸可用性。

问题：我无法获得溢出隐藏祖父母上方显示的下拉列表：

<div id="overflow">
<div class="tile">
    <div class="absolute"></div>
</div>
<div class="tile">
    <div class="absolute"></div>
</div>
<div class="tile">
    <div class="absolute"></div>
</div>
</div>

#overflow{
    height: 190px;
    width: 200px;
    border: 1px solid black;
    overflow: hidden;
}
.tile {
    clear: both;
    margin: 10px 0 0 10px;
    width: 180px;
    height: 50px;
    position: relative;
    border: 1px solid green;
    z-index: auto;
}
.absolute {
    position: absolute;
    left: 20px;
    bottom: -20px;
    width: 50px;
    height: 30px;
    border: 1px solid red;
    background: red;
    z-index: 99;
}

https://jsfiddle.net/enmwmtw8/

任何想法如何实现这一目标？

Answer 1

这不可能以这种方式实现。正如溢出中的任何内容：隐藏的容器无法显示在其外部。

执行此操作的唯一方法是将下拉列表放在容器外

如何设置溢出隐藏祖父母的绝对div

1 个答案: