表div（相对）内的CSS div（绝对），div被隐藏

Question

有点卡在这里。我正在尝试为表头创建过滤器弹出窗口。所以我的第一个想法是使th位置相对，并使div.filter位置绝对。有点效果...“测试”部分应显示在其余部分的前面。但是它仍然在th标签内。

结果：

代码：

<th>
// some th stuff
    <div class="filter">
        test
    </div>
</th>

css：

th {
    position: relative;

    .filter {
        position: absolute;
    }
}

所以我想让我们添加一个索引。但是我没有任何结果。有人解释这是怎么回事吗？有什么地方做错了吗，还是这不是它的工作方式？

Answer 1

将overflow: visible添加到您的th选择器中，事情应该会按预期工作。