我有一个容器 div,它需要定位为相对。在那个 div 里面,我有一张桌子。我想将一个表格单元格内的元素显示为相对于包含单元格的绝对元素,但它相对于容器 div 定位(我认为)。
看到这个jsFiddle。
如何设置它以使元素相对于 td 定位?
使 TD position:relative 为好。绝对元素总是相对于它们最近的相对父元素定位。
由于表格和表格相关元素由于其独特的行为而可能成为 HTML 元素世界中的怪人,因此简单地在 TD 的所有内容周围添加一个内部包装器 DIV 并改为使该 DIV 相对更可靠。
如果它的 TD 父级也被定位(绝对或相对),您只能相对于它的 TD 父级定位 div。在这种情况下,由于处理 TD,您只需将其设置为position: relative
.
请参阅此jsfiddle中的答案。
如果您设置 td 位置,它将起作用:相对。见这里:http: //jsfiddle.net/u6WHH/6/
使容器和单元格相对,然后将绝对值分配给 td。