一个div中的相对位置以获得更多元素

时间:2013-08-19 13:41:04

标签: html css position relative absolute

我有一个包含一些数据的表,但我想使用一个单元格来显示更多的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 divs我想绝对定位。起初我没有这样做,因为我总是想尝试设计我拥有的元素,并且只在必要时添加新的元素。

帮助你。

1 个答案:

答案 0 :(得分:0)

你应该使包裹div成为相对位置,这样绝对位置将应用于内部元素:

position: relative;

jsFiddle Demo

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


进一步阅读: