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;  } 

jsfiddle link


Comments

Popular posts from this blog

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - UML - How would you draw a try catch in a sequence diagram? -

c++ - No viable overloaded operator for references a map -