CSS overflow property


Determines how the browser deals with an element whose content overflows its edges.


  • visible - default; the content is displayed as-is, running over the edge of the element if necessary
  • hidden - any overflowed content is hidden and the user will not be able to see it
  • scroll - overflowed content is hidden but a scroll bar is displayed to allow the user to see the content
  • auto - a scroll bar is displayed only if the content overflows the element area



div {
  overflow: scroll;