製作div的高度爲父級td高度的100％（僅限CSS）？

http://jsfiddle.net/zVscL/製作div的高度爲父級td高度的100％（僅限CSS）？

這聽起來很蠢，但有沒有辦法做到這一點？我一直在使用height:100%，我得到0px的高度。

我已閱讀關於傳遞父項的顯式height值以使其工作的要求。問題是我不能只拋出28px或任何幻數，因爲父母的身高是由內容決定的（即它會變化）。我有什麼選擇？

編輯：請記住，這是我的問題的簡化示例。是的，我需要使用桌子。無法說服上級。（僅用於顯示數據，不用於頁面佈局！）

來源

2013-02-20 meiryo

我很確定你不能使用表格。 – grigno 2013-02-20 13:10:07

這張桌子是不幸的，我不做決定：/ – meiryo 2013-02-20 13:15:33

您可以嘗試使用overflow: auto。這是working fiddle。

來源

2013-02-20 13:15:03 Aioros

謝謝，正在使用'溢出'魔術子彈讓孩子的父母身高達到100％？ – meiryo 2013-02-20 13:17:23

這在Opera中不起作用。你看到的只是邊界頂部的一條藍色條子。 – cimmanon 2013-02-20 13:39:23

呃，不，不是。正如cimmanon正確指出的那樣，這不是一個確定的證明方式，但它可以在很多情況下解決這個問題。無論如何，這裏的要點是'height：100％'只適用於父元素有定義的高度，而你不能這樣做。我能想到的唯一的其他選擇是將你的div設置爲'position：absolute;身高：100％;'td爲'position：relative'（或'absolute'）。如果這並不妨礙你的佈局中的其他東西，它應該做的伎倆。 – Aioros 2013-02-20 15:32:36

製作div的高度爲父級td高度的100％（僅限CSS）？

回答

相關問題