フレックスボックスの子供に親の100％の高さを占める方法

フレックスボックス内のフレックスアイテムの垂直スペースを埋めようとすると、子供の要素が普及していない場合は、子どもの要素ではない場合は、純粋なものではありません。問題、さまざまなアプローチが提案されています。一般的な解決策の1つは、親要素の高さである.FLEX-2を100％に設定することです。ただし、このアプローチは、異なるブラウザー（例：Chrome）にわたって不整合とバグにつながる可能性があります。 .FLEX-2の項目を設定してストレッチすることにより、そのフレックスアイテムが伸びて、親の利用可能な垂直スペースを埋めます。競合を避けるために、flx-2-ChildアイテムでAlign-selfを使用するために、競合を避けるために、子要素の100％を削除する必要があることに注意することが重要です。これにより、親の他のフレックスアイテムに影響を与えることなく、目的の子要素を個別に伸ばすことができます。