Flexbox - 使flex项目的孩子100％高度

Question

JSFiddle与我正在使用的相同的HTML / CSS包括： http ： //jsfiddle.net/pf5bczLe/

如何使.box 100％的父级高度，在这种情况下.box-wrap ？

根据这篇文章，它的flexbox的项目不完美，它不会为其孩子的100％高度。 有没有其他方法我可以实现所有项目具有相同的高度，虽然他们的高度是动态的？

谢谢你的时间

Answer 1

拉伸儿童元素非常接近。 使用您的示例，将以下css添加到.box-wrap

.box-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

然后将以下内容添加到.box

.box {
    -webkit-flex: 1;
    flex: 1;
 }

JSFiddle链接