html - 表格单元格 div 的子元素的 css 绝对位置

Question

可能重复：
您可以相对或绝对地将项目定位在 display:table-cell 中吗？

我有display:table布局。演示在这里。

在第二个面板中有 div#pos是position:absolute. 类似地，它的父元素即div#two是position:relative。当我给它时#pos { width:100% }，它应该得到div#two正确的宽度？但它的宽度#wrapper是 的父级div#two。

表格单元排列的行为是这样吗？我该怎么做才能div#pos拥有其父级的宽度。我不想硬编码#pos. 提前致谢。

Answer 1

您已将 wrapper 设置为 table right 和#oneas #two，table-cell因此 #one 和 #two 现在是内联元素，而您的div #pos which is position:absoluteis 块。所以现在#wrapper哪个是层次结构中的第一个块元素是#pos的父元素。做了一个单一的改变。

#wrapper > div {
    display: table-row;
}

演示这是您要找的吗？