绝对定位混乱

Question

我有一个容器div，它需要被定位为亲戚。在那个div里面，我有一张桌子。我想在其中一个表格单元格中显示一个相对于包含单元格的绝对元素，但它相对于容器div显示（我认为）。

请参阅this jsFiddle。

如何设置它以使元素相对于td定位？

Answer 1

使TD位置：相对。绝对元素总是相对于它们最近的相对父元素定位。

由于表格和表格相关的元素由于其独特的行为而成为HTML元素世界的奇怪之处，因此简单地在TD的所有内容周围添加内部包装DIV并使该DIV相对可能更可靠代替。

Answer 2

如果div的TD父级也是定位的（绝对或相对），则只能将div相对于它的TD父级置位。在这种情况下，由于处理TD，您只想将其设置为position: relative。

请参阅此jsfiddle中的回答。

Answer 3

如果你做出td位置它会起作用：相对。见这里：http://jsfiddle.net/u6WHH/6/

Answer 4

使容器和单元格相对，然后将绝对值分配给td。