overflow: Saat Isi Melebihi Kotaknya

Ketika isi lebih besar daripada kotaknya, overflow menentukan apa yang terjadi. Nilai visible (bawaan) membiarkannya meluber keluar, hidden memotongnya tanpa scrollbar, scroll selalu menampilkan scrollbar, dan auto hanya menampilkannya saat memang dibutuhkan — inilah yang paling sering dipakai. Untuk membatasi hanya satu arah, ada overflow-x dan overflow-y. Satu efek samping yang wajib kamu ingat: memasang overflow: hidden atau auto pada elemen induk akan mematikan position: sticky pada anaknya, dan itu penyebab bug yang sering memakan waktu berjam-jam untuk ditemukan.

.kode {
  height: 60px;
  overflow: hidden;   /* isi yang lebih tinggi terpotong tanpa scrollbar */
}