CSS Float Properti

Update Terakhir pada

css_layout_float

Oke teman-teman Webhozz untuk kali ini saya akan coba menjelaskan apa itu kegunaan dari fungsi Properti Float.

Sudah siap!? Oke. Fungsi Properti Float pada CSS digunakan untuk meratakan element ke kiri atau ke kanan. Jika kita ingin meratakirikan element kita tinggal menambahkan float:left, begitu juga sebaliknya. Oke kita lihat contohnya:

float

Biasanya ketika kita akan membuat sebuah website dengan 2 (dua) kolom atau lebih, kita menggunakan fungsi Float ini.

Menggunakan properti float atau clear:
  • Float:left –> elemen akan menempel pada sebelah kiri elemen induk.
  • Float:right –> elemen akan menempel pada sebelah kanan elemen induk.
  • Clear:left –> elemen akan menempel pada sebelah kiri dan berada di bawah.
  • Clear:right –> elemen akan menempel pada sebelah kanan dan berada dibawah
  • Clear:both –> elemen akan berada pada posisi bawah elemen diatasnya.

Silahkan teman-teman coba, lebih jelasnya bisa dilihat DEMO.