Masih ada yang bingung tentang fungsi clear ini? Oke Pada prakteknya fungsi style clear both adalah memberikan ruang kosong sebagai pembatas code sebelumnya dan setelahnya. Dalam kinerja platform blogspot atau blogger hal fungsi style clear both ini sangat diperlukan dimana kita dapat membuat suatu pembatas code yang tidak akan mempengaruhi code yang lainnya pada template. Kegunaan lainnya yang dapat kita rasakan sebagai fungsi style clear both ini adalah sebagai penutup semua code yang berada sebelumnya agar tidak mempengaruhi code yang berada dibawah code sebelumnya.
Mungkin bagi para creator css yang sudah berpengalaman hal ini sangat mudah, tapi bagaimana bagi para creator css yang baru terjun pastilah sangat kebingungan. Nah pada kesempatan hari ini saya akan menjelaskan bagaimana cara mengatur dua element yang sama” di lempar (istilahnya floating) agar tetap pada posisinya atau tidak keluar pada penampung.
Langsung saja agar tidak bingung, teman-teman buat script HTML seperti di bawah,
Dan CSS nya,
Maka hasilnya akan seperti di bawah,
Lihat background untuk #page nya tidak full sampai bawah, untuk membuat nya sampai bawah baru kita tambahkan fungsi clear.
Kita tambahkan element di HTML seperti di bawah,
Dan CSS nya,
Maka hasilnya akan seperti ini,
Mudah kan? Sekian dari saya semoga bermanfaat. Terima kasih