CSS Overflow (Layout)

The following values of Overflow :

1) CSS Overflow: visible

Example:-

 div {
  width: 200px;
  height: 50px;
  background-color: #eee;
  overflow: visible;
}

hidden value is used to some clip test is hidden.

Example:-

 div {
  overflow: hidden;
}

Scroll, the all text area see in exmple.

Example:-

 div {
  overflow: scroll;
}

There are two properties overflow-x & overflow-y that means horizontally or vertically

Example:-

 div {
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: scroll; /* Add vertical scrollbar */
}