ディスプレイの子要素：ボックスの親は、すべて同じ高さになるのではなく、定義された高さを維持できますか？

Question

私は、私が働いているもののJSフィドルを設定しました。 http://jsfiddle.net/bjankord/2EKQv/ display：boxが設定された親の子要素のいずれかに高さを追加すると、他のすべての子要素がその高さに伸びているようです。私はこれがディスプレイ：boxとbox-ordinal-groupのプロパティがうまくいくと思われるかどうかわかりませんが、残念です。レスポンシブウェブデザインに取り組んでいるときに、CSSでHTMLマークアップを並べ替えることができるようにしたいと考えていましたが、この問題が私を殺しています。

Answer 1

私はフレックスボックスのエキスパートではありませんが、いくつかの簡単なテストからレイアウトを3つの垂直な列に変更し、それぞれの親要素に垂直なbox-orientを追加する必要があると思います。ある子要素を他の子要素よりも大きくするには、withHeightクラスのbox-flex：プロパティを2に設定し、そのクラスの最小高さを300pxに設定します。

フィドル： 私はあなたのコードを少し混乱させました。私はbox-orient：parentを持つ親コンテナを追加して、3つの列を並び、それぞれの列のbox-orient：verticalを与えました。これは尊敬されていない高さの問題を修正するように見えました。

http://jsfiddle.net/mdJ2L/1/