javascript - 表 th(相对)内的 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 选择器中，一切都会如您所愿。