预防子元素满溢父

Question

我试图产生一种布局，其中我有身体的百分比高度DIV的最大高度。另外，我也想用max-height来限制这个高度。

父里面，我想创造一些列有进一步的子元素，所有这些都符合父母的高度（或最大高度）内。

请看下面的例子：http://jsfiddle.net/k6rfr/2/

的问题是，子元素（带的各50％的高度），匹配父的height而不是max-height。

是否有任何方法使子元素匹配max-height而不是height？

Answer 1

我认为错误是，给定块“外”的60％的高度可能不符合你300像素后写的是什么。这是不正确的。如果您移除指定高度的百分比，则块会落到位。或者输入正确的比例高度和最大高度。

Answer 2

虽然这不完全是你可能需要的东西，它可以解决你的问题：

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

我把最大高度directy在omiting第二包装元素的子元素。你在这里遇到的问题是你必须在两个不同的地方定义高度。