一个 div 中更多元素的相对位置答案

【问题标题】：Relative position in one div for more elements一个 div 中更多元素的相对位置
【发布时间】：2013-08-19 13:41:04
【问题描述】：

我有一个包含一些数据的表格，但我想使用一个单元格来显示更多的 div。每个 div 从左到右都有不同的确切宽度和位置。

我用position:relative 尝试过，但每个下一个 div 的位置取决于左侧的 div，我不希望该单元格中的每个 div 都恰好是 x 像素单元格边框的左侧。

我也试过position:absolute，但这确实是<html>标签，因为他们在这里写http://www.w3schools.com/css/css_positioning.asp：

绝对位置元素相对于第一个元素定位具有非静态位置的父元素。如果没有这样找到元素，包含块是<html>

现在我不确定如何解决我的问题。

我的例子：http://jsfiddle.net/6wSAJ/465/

（由此处接受的答案制成：Relative positioning of two divs）

编辑：我想我忘了提到我需要它在 IE8 中工作。

编辑 2： http://jsfiddle.net/6wSAJ/468/ 我正在处理的问题是，如果我将单元格设置为相对，它会完全破坏我真正的问题表，所以我必须在我的 div 周围制作具有相对位置的 div想要绝对定位。起初我并没有这样做，因为我总是想尝试为我拥有的元素设置样式，并且仅在确实需要时添加新元素。

【问题讨论】：

标签： html css css-position

【解决方案1】：

您应该将包装 div 设置为相对位置，以便绝对位置将应用于内部元素：

position: relative;

jsFiddle Demo

请注意，您不能为 table-cell 提供 相对位置，因为它没有标准化，并且会意外工作。

进一步阅读：

【讨论】：

好吧，我实际上在我的真正问题上尝试过这个，但它仍然不能完全按照我的意愿行事......而且它在 IE8 中的工作方式与在 FF 中的工作方式不同......讨厌这些浏览器之间的问题。
@Ms.Nobody 我刚刚检查过，在这两个浏览器上看起来完全一样
好的，我想我必须以某种方式粘贴真正的问题，因为我展示我的问题的这个简单示例当然是有效的。但是我有更多的单元格，还有更多的样式等 - 变得更加糟糕并且无法以正确的方式工作..
我想我只需要减少数据量.. 所以就像在 10 分钟内它会在那里......
或者实际上我可能会看到问题..所以它真的必须是一个具有相对位置的div？不能以不会延迟的方式将其设置在 <td> 上。 :D