Sintaks FLOAT untuk CSS
Float merupakan sintaks yang digunakan untuk mengatur tata letak halaman, berfungsi untuk menggeser secara horizontal. Jadi jelas bahwa float juga sebagai teknik dasar dalam penyusunan bentuk dari sebuah halaman, seperti anda akan mengaturposisi header, sidebar,content dan footer. Mumpung belum sama-sama bingung mari kita lihat gambar ini.
Setelah melihat
gambar diatas anda akan langsung bisa mengatur dari sintaks float tersebut,
aslkan anda bisa mengatur seluruh elemen mempunyai lebar yang titak lebih dari
lebar layout web. Kita bisa lihat diatas bahwa nilai width dari layout adalah
sama 1000 px. Untuk komponen header juga memiliki width 1000 px, kemudian
sidebar memiliki width 300 px, ditambah width untuk contenttentunya bernilai
700 px sehingga total width dari sidebar dan content = 1000 px sesuai dengan
nilai layoutnya. Lalu apa yang terjadi jika jumlah keduanya lebih dari 1000 px
? Jawabannya adalah posisi elemen turun pada barisan bawahnya, ini gambarnya
nah sudah ngerti ya
! langsung aja coba, good luck !!
