绝对的表单元格的div的子元素

可能重复CSS位置：
Can you relativlely or absolutely position items in a display:table-cell?绝对的表单元格的div的子元素

我有display:table布局。演示是here。

在第二面板有DIV #pos是position:absolute。类似地，其母元素即div#two是position:relative。当我给#pos { width:100% }那么它应该得到的div#two正确的宽度是多少？但是，越来越的#wrapper宽度在div#two父。

会这样的表格单元安排的行为？我需要做什么以便div#pos将具有其父项的宽度。我不想为#pos硬编码宽度。提前致谢。

来源

2012-07-12 Ashwin

实际上，'#pos {宽度：100％; }'有它的父母的宽度，它是'＃two'。它也会扩展到这个宽度，因为它是一个块元素，所以不需要明确地设置属性。 – feeela 2012-07-12 08:27:46

您已设置的包装为右表和#one和#two为table-cell，所以#one现在#two是内联元素，你的div #pos which is position:absolute是块。所以，现在#wrapper其在层次结构的第一个块元件是#pos的父。做了一个单一的变化。

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

DEMO这是你在找什么？

来源

2012-07-12 08:43:43

没有。我不希望数据显示在行中。无论如何，我明白你的答案有什么问题。那谢谢啦。 – Ashwin 2012-07-12 09:04:45

绝对的表单元格的div的子元素

回答

相关问题