gpt4 book ai didi

html - 更多元素在一个div中的相对位置

转载 作者:太空宇宙 更新时间:2023-11-03 18:37:41 24 4
gpt4 key购买 nike

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

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

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

An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>

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

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

(由此处接受的答案制成:Relative positioning of two divs)

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

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

最佳答案

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

position: relative;

jsFiddle Demo

请注意,您不能为table-cell 指定一个相对位置,因为它不是标准化的并且会出乎意料地工作。


进一步阅读:

关于html - 更多元素在一个div中的相对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18315295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com