コンテナがフレックスで item2 にオーバーフローがある場合、コンテナは希望のサイズにレンダリングされ、オーバーフロー スクロールバーが表示されます。
しかし、フレックスボックスを適用しないと、オーバーフローが機能しないようです。コンテナはコンテンツにより適応しやすいようです。理由を知りたいです。 CSSを学ぶ準備をしています。そして、この疑問が頭から離れませんでした。
コンテナには調整されたコンテンツがありません。指定した高さを維持します。
ただし、子要素の高さは制限されていないため、内容に合わせて大きくなり、親要素はoverflow-yをhiddenに設定していないため、表示されます。
これは、親要素の背景が見えるように 2 つの子要素の背景がわずかに透明である例です。この場合、親要素は 2 番目の子要素の少し下で終わります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コンテナには調整されたコンテンツがありません。指定した高さを維持します。
ただし、子要素の高さは制限されていないため、内容に合わせて大きくなり、親要素はoverflow-yをhiddenに設定していないため、表示されます。
これは、親要素の背景が見えるように 2 つの子要素の背景がわずかに透明である例です。この場合、親要素は 2 番目の子要素の少し下で終わります。