如何設置元素的高度以填充父元素高度的其餘部分？

截至目前，我在div B的內部有div A，並且A的高度設置爲100％，因爲我希望它覆蓋從其開始到其父部分底部的所有內容。如何設置元素的高度以填充父元素高度的其餘部分？

但是，將它的高度設置爲100％並不表現我希望的方式（它會簡單地跨越它的起點到其父母的底部），而是將其高度設置爲準確匹配它的父分區。由於DIV A開始幾百個像素向下格B的內部，這將導致一個DIV溢出額外的幾百個像素以下的div B.

下例：

Example

真正的竅門是，DIV B需要能夠根據其內容垂直擴展，而div A繼續填充從其垂直開始到其父項底部的區域。

有沒有其他方法可以考慮？我知道我可以使用計算單元，但是，在safari 6之前，calc不適用於safari，並且這將排除很多移動設備。

2013-02-07 Eric

我可能會誤解你的股利乙想什麼在這裏實現，但不會一

overflow:hidden;

工作呢？

2013-02-07 19:49:58 InsomniaBass

我發佈了這幾秒後才意識到這一點。是的，它確實有效。謝謝。 – Eric

取決於您在div A中放置了多少內容，例如，足以證明「height：100％」的使用是合理的，內容的底部將被隱藏。在某些情況下可能會出現問題，但對於問題提出的問題不是最佳解決方案。 –

沒問題，很高興你把它分類！ @FabrícioMatté我可能誤解了原文，我以爲Div A始終與其父母的高度相匹配 - DivB？ – InsomniaBass

回答