overflow: hidden scroll auto clip
Control how overflowing content is handled with hidden, scroll, auto, and clip values.
overflow Property Recap
overflow controls what happens when an element's content exceeds its defined dimensions. It applies to both axes simultaneously (or use overflow-x/overflow-y for per-axis control).
overflow: visible
visible (default) — content renders outside the box. It does not create a Block Formatting Context (BFC). Other elements can overlap the overflowing content.
All lessons in this course
- overflow: hidden scroll auto clip
- scroll-behavior: smooth
- scroll-snap-type and scroll-snap-align
- Scrollbar Styling with ::-webkit-scrollbar