CSS Overflow

Overflow elements are used for if you want to display the content in the box with fixed height and scrollbar.

Overflow values are: visible, hidden, scroll, auto

Example:

overflow:visible; This is the default value. The content is not clipped. The content will display outside the div.

overflow:hidden; Overflows the element's box is clipped and the rest of the content will be invisible.

overflow:scroll; The overflowing content is clipped, just like hidden. But a scroll-bar is added to see the rest of the content.

overflow:auto; The overflowing content is clipped. If overflows the content it will automatically provide the scrollbars to see the rest of the content.