#overflow-x

Defines how overflowing content on the horizontal axis is displayed.

默认属性 overflow-x: visible;

The overflowing content is visible, while the element itself stays at the specified width.

overflow-x: hidden;

The overflowing content is hidden and can not be accessed.

overflow-x: scroll;

The overflowing content is accessible thanks to a horizontal scrollbar.

overflow-x: auto;

The browser decides whether to display a horizontal scrollbar or not.