HTML/CSSBeginner#css#overflow

What is the difference between overflow: visible, hidden, scroll, and auto?

visible (default) lets content spill outside the box. hidden clips overflowing content with no scrollbar. scroll always shows scrollbars even if content fits. auto shows scrollbars only when content actually overflows.

Example
.panel { max-height: 300px; overflow-y: auto; }
.clip { overflow: hidden; }

Related Questions

1
HTML/CSSIntermediate#css#units

What is the difference between em and rem when nesting components?

Open
2
HTML/CSSIntermediate#css#variables

How would you implement a dark mode toggle using CSS?

Open
3
HTML/CSSIntermediate#css#position

What is the difference between absolute and fixed positioning in terms of containing block?

Open