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

Question

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

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

请看这个例子：http: //jsfiddle.net/k6rfr/2/

问题是子元素（每个高度为 50%）匹配height父元素而不是max-height.

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

Answer 1

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

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

我将最大高度直接放在子元素中，省略了第二个包装器元素。您在这里遇到的问题是您必须在两个不同的地方定义高度。

Answer 2

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