絕對的表單元格的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的子元素

回答

相關問題