Javascript CSS div（绝对）在表th（相对）中，div是隐藏的

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

结果:

代码：

---

然后我想让我们添加一个索引。但我没有得到任何结果。有人能解释这里发生了什么吗？是我做错了什么，还是这不是它的工作方式

将

overflow:visible

添加到您的

th

选择器中，事情应该按照您的预期进行

很明显，你的元素没有空间。试着让div上的z-索引高于表的z-索引。@Temaniaf如果是绝对值，那么这不重要吗？@Anthony我也试过了。没有结果。你试过让它的溢出可见吗？几乎。现在文本总是可见的，但是如果太长，我想剪切它。你不能同时溢出和不溢出一个框。如果要截断TH中的文本，可以尝试使用

空白：nowrap；溢出：隐藏；文本溢出：省略号。
<th>
// some th stuff
    <div class="filter">
        test
    </div>
</th>

th {
    position: relative;

    .filter {
        position: absolute;
    }
}