預防子元素滿溢父

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第二包裝元素的子元素。你在這裏遇到的問題是你必須在兩個不同的地方定義高度。