フレックスボックス - ストップフレックスボックスアイテムの伸び

Question

基本的には、ボトムアイテムを高さまで伸ばしたいと思っています。グリッドとグリッドの項目が持っている

..

display: flex; 
align-items: stretch; 
flex-wrap: wrap 

添付をご参照ください。：（インラインブロック、それはディスプレイになりますどのように）私は、右下のフレキシボックス項目のみ、その内容の高さになりたいです画像。

あなたは

Answer 1

あなたはあなたの下の要素の周囲に別のコンテナを作成する必要がありますありがとうございました。

<div class="container"> /* This container will be grown by Flex*/ 
    <div class="grey-box"> /* This container will remain the same height as its children */ 
     /* content */ 
    </div> 
</div> 

そして、あなたはあなたの.containerのdivに次のプロパティを適用する必要があります。ofcourseの適切な事前に修正を

.container { 
    justify-content: center; 
    align-items: center; 
    align-content: center; 
} 

。