MoreLesson 247Preview gratis
Full Height Element
Lesson ini bagian dari How To · Semua level
Ringkasan
Elemen setinggi layar sering dipakai untuk hero section atau halaman landing. height: 100% hanya bekerja jika semua parent memiliki tinggi yang jelas, sehingga min-height: 100vh lebih praktis. Di ponsel, pertimbangkan unit dvh agar tinggi tidak terpotong saat address bar browser berubah.
Poin kunci
- height: 100% membutuhkan rantai parent dengan tinggi eksplisit.
- min-height: 100vh membuat elemen minimal setinggi viewport tetapi tetap bisa tumbuh.
- 100dvh menyesuaikan tinggi viewport dinamis di perangkat seluler.
- Gunakan box-sizing: border-box agar padding tidak menambah tinggi di luar perhitungan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.