将固定div对齐到可变宽度TD的右上方

Question

我有一个项目，我需要在右上角对齐一个div，使它位于现有的可变宽度td的顶部。

让我困惑的是可变宽度方面。我可以通过使用div的固定定位来使div位于现有的相对定位的td的顶部。但是，因为td的宽度可以改变，我不能为div设置一个"left:"值。

我已经创建了一个小提琴来演示它在td中左对齐，现在我只需要让它右对齐:

jsfiddle.net/ErDr6/36/

我看过一些其他的帖子，但他们似乎处理固定宽度元素:

将div与右侧固定位置对齐

Answer 1

首先，将position: fixed;更改为position: absolute;，以便在页面滚动时箭头不会相对于视口保持固定。然后，添加以下内容:

#col_arrow {
    right: 0;
}
.wc-day-column-header {
    position: relative;
}

将箭头对齐到其父元素的右侧。我们将position: relative;添加到父容器中，将其限制为该容器

Answer 2

如果需要动态，则绝对位置可以计算为:

theTD.offsetLeft + theTD.offsetWidth-arrow.offsetWidth