html - Flexbox - make flex item child 100% height -
jsfiddle identical html/css i'm working included: http://jsfiddle.net/pf5bczle/
how make .box
100% height of parent, in case .box-wrap
?
according this post flexbox's item imperfection doesn't act 100% height children. there other way achieve items have same height although height dynamic?
thanks time
very close in stretching child elements. playing example, add following css .box-wrap
.box-wrap { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
then add following .box
.box { -webkit-flex: 1; flex: 1; }
Comments
Post a Comment