overflow berfungsi untuk menampilkan atau tidak menampilkan elemen yang melebihi dari ukuran wadahnya.
Untuk lebih jelasnya, dapat dilihat pada contoh dibawah:
overflow-autoKonten dapat dilihat dengan cara scrolling!
overflow-scrollKonten dapat dilihat dengan cara scrolling!
overflow-hiddenKonten dapat dilihat dengan cara scrolling!
<div class="overflow-auto">
<!-- konten -->
</div>
<div class="overflow-scroll">
<!-- konten -->
</div>
<div class="overflow-hidden">
<!-- konten -->
</div>
overflow dapat diterapkan pada sumbu X atau sumbu Y.
Contohnya:
sumbu-X
sumbu-Y
auto Elemen akan mementukan secara otomatis penanganan konten yang melebihi ukuran wadahnya.
scroll Wadah akan langsung merespon konten yang berlebih dengan memberikan hak scrolling.
hidden Wadah tidak akan menampilkan konten yang melebihi ukuran dari wadahnya.