CSS は初めてなので、問題についてサポートが必要です。 flex-grow が block__column_2 div を画面の最後まで展開しないのはなぜですか?カリキュラム理論によれば、これは予期される動作です。私の何が間違っているのか教えてください。
コードサンプルを以下に示します。 Index.html style.css
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
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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