CSS Overflow

Last Updated: March 30, 2022

The following example shows you how the content overflow outside the container when the container space is not enough to fit the child’s content

.inner {
   overflow: visible;
}
This is simple example to show the overflow of the text. This element has width and height. When the text can not fit to box then overflow happens

Overflow is the default behavior but you can clip the content or show the content with the scroll bar.

Hide Overflow

.inner{
 overflow: hidden;
}
This is simple example to show the overflow of the text. This element has width and height. When the text can not fit to box then overflow happens

Overflow with Scroll

.inner {
   overflow: scroll;
}
This is simple example to show the overflow of the text. This element has width and height. When the text can not fit to box then overflow happens
Test