Переполнение

Утилиты для управления CSS-свойством overflow.

Все стороны

Класс	overflow
overflow-hidden	hidden
overflow-auto	auto
overflow-visible	visible
overflow-scroll	scroll
overflow-clip	clip

По горизонтали (overflow-x)

Класс	overflow-x
overflow-x-auto	auto
overflow-x-hidden	hidden
overflow-x-scroll	scroll
overflow-x-clip	clip

По вертикали (overflow-y)

Класс	overflow-y
overflow-y-auto	auto
overflow-y-hidden	hidden
overflow-y-scroll	scroll
overflow-y-clip	clip

Примеры

<!-- Прокручиваемая область -->
<div class="overflow-auto" style="max-height: 300px">
  <!-- Длинный контент -->
</div>

<!-- Скрыть выходящий контент -->
<div class="overflow-hidden radius-8">
  <img src="image.jpg" />
</div>

<!-- Горизонтальная прокрутка таблицы -->
<div class="overflow-x-auto">
  <table>...</table>
</div>

<!-- Вертикальная прокрутка с фиксированной высотой -->
<div class="overflow-y-scroll" style="height: 400px">
  <!-- Контент -->
</div>