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

Question

我正在尝试生成一个布局，其中我有一个具有 body 高度百分比的 div。另外，我还想用max-height来限制这个高度。

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

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

问题是子元素(每个高度为 50%)匹配父元素的 height 而不是 max-height。

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

Answer 1

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

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

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