Overflow

Set overflow to scroll, hidden, or visible. Modifiers for overflow on a single axis are also available by adding -x or -y e.g u-overflow-x-scroll.


Overflow Scroll

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

<div class="u-overflow-scroll">
	<p>All work and no play makes Jack a dull boy.</p>
</div>

Overflow Hidden

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

<div class="u-overflow-hidden">
	<p>All work and no play makes Jack a dull boy.</p>
</div>

Overflow Visible

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

<div class="u-overflow-visible">
	<p>All work and no play makes Jack a dull boy.</p>
</div>