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


Overflow: visible; This is default value. 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 provides the scrollbars to see the rest of the content.

Leave a Reply

Notify of