CSS TutorialLesson 27Preview gratis
CSS Float
Lesson ini bagian dari CSS · Semua level
Ringkasan
Float menjadikan elemen mengambang ke kiri atau kanan sehingga konten lain mengalir di sekelilingnya, dan awalnya dipakai untuk membungkus teks di sekitar gambar. Dalam praktik modern, float banyak digantikan flexbox dan grid, tetapi tetap perlu dipahami karena sering muncul di kode lama. Setelah float, wadah biasanya dibersihkan dengan clear atau teknik clearfix.
Poin kunci
- float: left dan float: right membuat elemen mengambang sehingga konten mengalir di sebelahnya.
- Elemen yang di-float keluar dari alur blok normal dan ukurannya menyusut sesuai isi.
- clear: both menghentikan pengaruh elemen mengambang pada elemen berikutnya.
- Wadah yang seluruh isinya mengambang perlu dibersihkan tingginya, misalnya dengan overflow: hidden atau clearfix.
- Untuk tata letak baru, flexbox dan grid umumnya lebih mudah daripada float.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.