绝对定位混乱
我有一个容器 div，它需要相对定位。在那个 div 里面，我有一张桌子。我想将表单元格之一内的元素显示为相对于包含单元格的绝对元素，但它相对于容器 div 定位（我认为）。
请参阅此 jsFiddle。
我该如何设置才能使元素相对于 td 定位？
I have a container div, and it needs to be positioned as relative. Inside that div, I have a table. I want to display an element inside one of the table cells as absolute, relative to the containing cell, but it gets positioned relative to the container div (I think).
See this jsFiddle.
How can I set this up so that the element gets positioned relative to the td?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
使 TD 位置也为：相对。绝对元素始终相对于其最近的相对父元素定位。
由于表和表相关元素由于其独特的行为而可能成为 HTML 元素世界中的奇怪元素，因此简单地在 TD 的所有内容周围添加一个内部包装 DIV 并使该 DIV 成为相对的可能更可靠。
Make the TD position:relative as well. Absolute elements are always positioned relative to their nearest relative parent.
Since tables and table related elements can be the odd ducks of the HTML element world due to their unique behavior, it may be more reliable to simply add an inner wrapper DIV around all the contents of the TD, and make that DIV relative instead.
仅当 div 的 TD 父级也已定位（绝对或相对）时，您才能相对于其 TD 父级定位 div。在这种情况下，由于处理 TD，您只需将其设置为
position:relative。请参阅此 jsfiddle 中的答案。
You can only position the div relative to it's TD parent if it's TD parent is also positioned (absolute or relative). In this case, since dealing with TDs, you want to just set it to
position: relative.See answer in this jsfiddle.
如果你使 td 位置：相对，它将起作用。请参阅此处：http://jsfiddle.net/u6WHH/6/
It will work if you make the td position: relative. See here: http://jsfiddle.net/u6WHH/6/
使容器和单元格相对，然后将绝对值分配给 td。
make the container and the cell relative then assign absolute to td.