javascript - 尝试右对齐 Javascript 中的弹出元素

Question

我正在尝试对齐表中标题元素中的弹出元素。最终，弹出元素将为我的表格提供排序和过滤等功能。

默认情况下，弹出窗口将自己对齐到左，但我想将它们对齐到右:

我的 CSS 代码看起来像这样:

.Table .Popup {
    position:absolute;
    z-index:9999;
}

我想使用relative 位置而不是absolute(即相对于标题项)，但我不确定如何使用。如果我使用 absolute，这不会干扰位置设置为 absolute 的任何其他父容器吗？

JSFiddle:http://jsfiddle.net/XJXuR/9/

有谁知道如何做到这一点？ JQuery 或 Javascript 都可以。谢谢。

Answer 1

只需添加此 CSS 代码:

tr.TableHeaderLabels td {
  position: relative;
}

.Table .Popup {
    right: 0;
}

我在你的 jsFiddle 上试过了，它按预期工作:)

编辑:用我的代码 fork 原始的 jsFiddle:http://jsfiddle.net/p3khu/1/