防止子元素溢出父级的最大高度

Question

我正在尝试制作一个布局，其中我有一个具有身体百分比高度的div。此外，我还想使用max-height来限制此高度。

在父级内部，我想创建一些具有更多子元素的列，所有子元素都适合父级的高度（或最大高度）。

请参阅此示例：http://jsfiddle.net/k6rfr/2/

问题是子元素（每个高度为50％）与父级的height匹配，而不是max-height。

有没有办法让子元素与max-height而不是height匹配？

Answer 1

虽然这不是您可能需要的，但它解决了您的问题：

http://jsfiddle.net/k6rfr/3/

我将max-height directy放在了省略第二个包装元素的子元素中。你在这里遇到的问题是你必须在两个不同的地方定义高度。

Answer 2

我认为错误是60％的给定块“外部”高度可能与300px之后写的内容不对应。这不对。如果移除指定百分比的高度，则块将落入到位。或输入正确的比例高度和最大高度。