Overflow (1/26)
What is the overflow property in CSS? Why is the overflow property used?
    Understanding the CSS Overflow Property

    The `overflow` property in CSS controls how content that exceeds the size of its container is handled. It is commonly used to prevent content from spilling outside an element's box and to manage scroll behavior.

    Key Points
    • `overflow: visible;` – Default. Content spills outside the container without clipping.
    • `overflow: hidden;` – Hides any content that exceeds the container's bounds.
    • `overflow: scroll;` – Always shows scrollbars, allowing users to scroll overflowing content.
    • `overflow: auto;` – Adds scrollbars only if the content overflows.
    • Used to create scrollable sections, prevent layout breaks, and improve visual consistency.
    Example: Using Overflow