Overflows

Sometimes you have more content than can fit in a particular region of your layout.

• .overflow-x

  Use .overflow-x when you may need a sideways scroll. E.g. when you have an oversized table. Or, you may have a simply sideways-scrolling gallery.

• .overflow-y

  Use .overflow-y when you have content that is too tall for its wrapper. E.g. see ActivatorJS modal with scrollable content and Activator modal with scrollable content.

• .overflow-hidden

  Use .overflow-hidden when you have too much content for displaying in a block element that has a constrained width and/or height. An example of .overflow-hidden in use is ActivatorJS showhides and Activator showhides.