Overflow: Scroll Clip and Auto
Control what happens when content exceeds its container using overflow properties.
What is Overflow?
Overflow occurs when an element's content is larger than its defined dimensions. The overflow property controls what happens to this excess content.
overflow: visible (Default)
By default content overflows and is visible outside the element's box. This can cause content to overlap sibling elements or escape the viewport.
.box {
width: 100px;
height: 50px;
overflow: visible; /* default — content spills out */
}All lessons in this course
- Block vs Inline vs Inline-Block
- Visibility vs Display None
- Overflow: Scroll Clip and Auto
- CSS Reset and Normalize