overflow: what happens to the text outside the box

Useful to know

overflow manages content that goes beyond the element box. In visible, it can be seen from the outside, in hidden, it is cropped, and auto allows scrolling when necessary. The property matters when dimensions or other constraints create overflow. [1]

Imagine a panel with height: 180px; and a long list . overflow: auto; allows you to reach the last lines by scrolling . overflow: hidden; can hide them from view without making the list shorter. Therefore, hiding is not a solution for missing navigation to the rest of the content.

overflow-x and overflow-y. can be set for problem only Before adding a hide to the entire page, find out which item goes beyond it: a long address, a table, or an overly wide photo require different changes.