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鏈接