부모 div(초록색 보더) 안에 2개의 div 요소가 있고, div 1은 상단에 위치하며, height값이 고정이며, div 2는 하단에 위차하고 나머니 공간을 채워주길 원합니다. .flex { display:flex; flex-direction:column; height:100%; } .flex .div1{height:100px;} .flex .div2{flex-grow:1;} flex를 이용하여 손쉽게 해결한 듯 했습니다. 그. 러. 나 문제는 div2의 컨텐츠 양이 많아지면 부모 div를 넘어가네요... 이럴 경우 해결방법!!! min-height:0; 가변 자식 요소에 min-height:0;을 줍니다. flex 아이템의 min-height, min-width 초기값은 auto이며, 초기값인 fl..
