Overflow

Use overflow utilities to control how content overflows a container.

Introduction

Overflow utilities are classes for setting the value of the overflow property. There’re three overflow classes: .of-hidden, .of-auto and .of-visible. Let’s see the below examples for detail.

Example

<div class="of-hidden">
  <div style="height: 200%"></div>
</div>

<div class="of-auto">
  <div style="height: 200%"></div>
</div>

<div class="of-visible">
  <div style="height: 200%"></div>
</div>