Suggest an editImprove this articleRefine the answer for “How does overflow: auto affect block size?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`overflow: auto`** does not change the block's size by itself: the block keeps its set `width`/`height`, and scrolling (scrollbars) appears only when content overflows the content area. **Key point:** unlike `overflow: visible`, the block does not stretch to fit the content, and unlike `scroll`, scrolling appears only when needed.Shown above the full answer for quick recall.Answer (EN)Image`overflow: auto` **does not change the block's size by itself**. The block stays the size set by `width/height` or calculated by the browser. Its effect is different: if the content extends beyond the content area, the browser **enables scrolling (scrollbars) only when needed**. Behavior: - if the content fits, there is no scroll, the block looks normal - if the content overflows, vertical and/or horizontal scrolling appears - the block's size **does not grow to fit the content**, as happens with `overflow: visible` ## Comparison for clarity | Property | Behavior | |---|---| | `visible` (default) | The block stretches to fit the content | | `hidden` | Extra content is hidden, no scrolling | | `scroll` | Scrolling always shows, even if the content fits | | `auto` | Scrolling **only when needed**, the block does not grow | Summary: `overflow: auto` **keeps the block's dimensions and adds scrolling if the content overflows**.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.