All videos
Hide overflowing content
Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.

Hide overflowing content

New version: https://www.youtube.com/watch?v=hyAeX0p-uIA

--

Sometimes, you might have a lot of content in a parent element that has a limited width or height. By default, the content will remain visible outside of the parent element’s bounds. With the overflow property, you can decide how to handle that overflowing content. In this video, we’ll cover how to ly the 4 overflow properties of:

  1. Visible: the default
  2. Hidden: clip the content
  3. Scroll: always display scrollbars
  4. Auto: displays scrollbars if content overflows