「オーバーフロー」設定とは何ですか？また、どのように機能するのですか？

「オーバーフロー」の設定はブロック全体に適用され、ブロックの境界からはみ出した要素の表示方法を制御します。

選択肢は3つあります。「表示」、「非表示」、「自動」です。

表示 — コンテナの外側にある要素は表示されたままとなり、隣接するブロックと重なることがあります。

非表示 — コンテナの外にある要素は非表示になります。

自動 — 要素がコンテナの縦方向または横方向の範囲を超える場合、そのブロックにスクロールバーが表示されます。

たとえば、ページ全体の長さをそれほど長くすることなく、ブロック内に長い記事を配置することができます。「overflow」を「auto」に設定すると、ブロックの枠からはみ出したコンテンツも、ブロック内でスクロールして閲覧できるようになります。