CSS Overflow
The CSS overflow property controls what happens when
content is larger than its container.
1. Overflow Hidden
This is a long paragraph inside a small box.
The overflow property is set to hidden, so the extra
content is clipped and cannot be seen outside the box.
This demonstrates how hidden overflow works.
2. Overflow Scroll
This is a long paragraph inside a small box.
Scrollbars are always available because overflow is
set to scroll. You can scroll to see the remaining content.
This is useful when the content is larger than the container.
3. Overflow Auto
This is a long paragraph inside a small box.
With overflow auto, scrollbars appear only when the
content is larger than the available space.
4. Overflow Visible
This is an example of visible overflow.
Content is allowed to appear outside the box.