CSS Overflow
CSS Overflow
Sometimes the content shown is too large to be visible in a single line or division of the website. So, to avoid loss of that information we can use overflow property.
Overflow Visible
This makes the whole text visible irrespective of the container size.
Eg:
Output:
Overflow Hidden
It hides the content which doesn’t fit the box.
Eg:
Output:
Overflow Scroll
It adds an automatic scroller in the container so for the seeing the content it can be scrolled without affecting the container dimensions.
Eg:
Output:
Overflow Auto
It is quite similar to scroll but the scroller is only added when the content starts getting out of the container. Mostly this option is used to avoid unnecessary scroll bars if the content already is within the content dimensions.