부모 요소의 최대 높이 넘치는 자식 요소 방지

Question

본문의 백분율 높이로 div가있는 레이아웃을 생성하려고합니다. 또한이 높이를 max-height으로 제한하려고합니다.

상위 내부에서 하위 요소가 더있는 열을 만들고 싶습니다. 하위 요소는 모두 부모의 높이 (또는 최대 높이) 내에 들어갑니다.

예를 참조하십시오 http://jsfiddle.net/k6rfr/2/

문제는 (각각 50 %의 높이)가 자식 요소의 부모 height 아닌 max-height 일치한다는 것이다.

height 대신 max-height과 일치하는 하위 요소를 만들 수있는 방법이 있습니까?

Answer 1

나는 주어진 블록의 "외부"높이가 300px 이후에 쓴 것과 일치하지 않을 수도 있다고 생각한다. 그것은 정확하지 않습니다. 지정된 높이의 백분율을 제거하면 블록이 제자리에 떨어집니다. 또는 정확한 비율 높이와 최대 높이를 입력하십시오.

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

내가 두 번째 래퍼 요소를 omiting 아이 요소의 최대 높이 directy 배치 : 이것은 당신이해야 할 수도 있습니다 정확히 아니지만

Answer 2

, 그것은 당신의 문제를 해결한다. 여기에있는 문제는 두 곳의 높이를 정의해야한다는 것입니다.