1

我有一个包含一些数据的表格,但我想使用一个单元格来显示更多的 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/

(由此处接受的答案制成:两个 div 的相对定位

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

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

4

1 回答 1

0

您应该使包装 div 成为相对位置,以便绝对位置将应用于内部元素:

position: relative;

jsFiddle 演示

请注意,您不能为表格单元格提供相对位置,因为它不是标准化的并且会意外工作。


进一步阅读:

于 2013-08-19T13:45:54.200 回答