CSS Overflow and Clipping

Updated 06 Oct 2026

•
What it is
- •
  controls how content extending beyond a box is displayed, clipped, or made scrollable
•
Distinctions
- •
  stacking order determines which content paints above other content.
- •
  clipping determines where content is allowed to appear.
- •
  raising z-index does not undo an ancestor’s clipping.
•
Remedies
- •
  adjust the relevant overflow rule, move the overlay to an appropriate ancestor, or use a suitable top-layer mechanism such as a modal dialog when appropriate.
- •
  choose the remedy according to intended structure and behavior.
•
Related
- •
  Stacking Context
- •
  Responsive Web Design
•

Linked references 2