CSS Overflow

The overflow property indicates how the content will be displayed when it exceeds the containing element. Possible values are:

visible: The entirety of the content is shown, regardless of the height specified for the element.
hidden: Only the content within the containing element is shown.
scroll: Displays the vertical and horizontal scroll bar to allow scroll of the content, regardless of whether the content exceeds the containing element.
auto: If the content is beyond the containing element, a scroll bar is displayed.

Examples for each type of overflow property are shown below:

auto

We are using this area to show how different values of the overflow property will behave.

This particular one is on the auto value.

hidden

We are using this area to show how different values of the overflow property will behave.

This particular one is on the hidden value.

visible

We are using this area to show how different values of the overflow property will behave.

This particular one is on the visible value.

scroll

We are using this area to show how different values of the overflow property will behave.

This particular one is on the scroll value.

Next: CSS Z-Index

AdBlock Detected!