flexbox를 사용하는 부모 div에 자식 div가 있습니다. 상위 div의 최소 높이 : 100 %입니다.flex div의 자식 높이를 늘리지 않는 방법
콘텐츠가 거의없는 하위 div를 추가 할 때 폭이 상위가되는 부모 (100 %)까지 늘리 길 원합니다.
div에 2 줄의 텍스트 만 포함되어있는 경우 div의 높이는 텍스트의 높이가되어야하며 부모에서 사용할 수있는 나머지 공간을 차지하지 않아야합니다.
해결 방법?
See http://jsfiddle.net/brqzLcb4/
3V 나는 녹색 "홈페이지"DIV 년대가 필요 이상으로 "높은"가 싶지 않아요.
데모 - http://jsfiddle.net/brvzLcb4/1/
당신이
감사합니다 몇 가지 코드를 표시 할 수 있습니다 원하는대로 작동합니다 .pagecontent에 align-content: flex-start;를 추가! 국경에서와 같이 두 div 사이의 여백을 유지하는 팁도 있습니까? –
Mbrouwer88
http://jsfiddle.net/brvzLcb4/2/'.itemhalf'의'margin-top' 제거 @ Mbrouwer88 –
고마워! 그 트릭을 했어 – Mbrouwer88
는 당신이 우리 –