<分区>
标签 html css css-tables
<分区>
Possible Duplicate:
Can you relativlely or absolutely position items in a display:table-cell?
我有 display:table 布局。演示是 here .
在第二个面板中有 div #pos，它是 position:absolute。同样，它的父元素即 div#two 是 position:relative。当我给出 #pos { width:100% } 时，它应该得到 div#two 的宽度，对吗？但它正在获取 #wrapper 的宽度，它是 div#two 的父级。
表格单元格排列的行为是这样的吗？我必须做什么才能使 div#pos 具有其父级的宽度。我不想为 #pos 硬编码宽度。提前致谢。
最佳答案
你已经将 wrapper 设置为一个 table right 并且 #one 和 #two 设置为 table-cell，所以 #one 和 #two 是现在内联元素和你的 div #pos 这是 position:absolute 是 block 。所以现在 #wrapper 是层次结构中的第一个 block 元素，它是#pos 的父元素。进行了一次更改。
#wrapper > div {
display: table-row;
}
DEMO 这是您要找的吗？
关于html - 表格单元格 div 的子元素的 css 绝对位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11447730/