Latihan 1: Overflow — CSS
Latihan 1 dari materi Overflow di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Teks di dalam .kotak lebih panjang dari kotaknya, jadi meluap keluar. Bikin kotaknya bisa di-scroll:
- Di aturan
.kotak { ... } yang sudah ada, tambahkan overflow: auto; sebelum }.
- Biarkan
<div class="kotak"> dan teksnya tetap ada.
Hasilnya, scrollbar muncul di kotak, dan teksnya bisa dibaca sampai habis.
Hint
- Teksnya lebih tinggi dari kotaknya. Ada satu properti CSS yang menentukan apa yang terjadi dengan bagian yang gak muat.
- Properti itu overflow. Nilai auto memunculkan scrollbar cuma kalau isinya gak muat. Tulis di dalam aturan .kotak yang sudah ada.
- .kotak { width: 200px; height: 100px; border: 1px solid black; overflow: auto; }
