Flex-grow は子 div を展開しません

Question

CSS は初めてなので、問題についてサポートが必要です。 flex-grow が block__column_2 div を画面の最後まで展開しないのはなぜですか?カリキュラム理論によれば、これは予期される動作です。私の何が間違っているのか教えてください。

コードサンプルを以下に示します。 Index.html style.css

ああああ

Answer 1

block__column_2 クラスを div.block__item から削除し、div.black_column に追加します
そして、block__columnにdisplay:flexを追加します 親要素の display: block 属性は、flex-grow の効果を妨げます。 親のdisplay: blockプロパティをdisplay: flexに設定してみてください。 そして width:100%; を .block__item

に追加します リーリー