Apa itu CSS Apung?
Lampung sangat sering digunakan untuk gambar, tetapi juga berguna ketika bekerja dengan layout.
Bagaimana Elemen Apung ?
Elemen melayang horizontal, ini berarti bahwa elemen hanya dapat melayang kiri atau kanan, tidak naik atau turun.
Sebuah elemen mengambang akan bergerak sejauh ke kiri atau kanan karena dapat. Biasanya ini berarti semua jalan ke kiri atau kanan dari elemen mengandung.
Elemen-elemen setelah elemen mengambang akan mengalir di sekitarnya.
Elemen-elemen sebelum elemen mengambang tidak akan terpengaruh.
Jika suatu gambar melayang ke kanan, sebuah teks berikut mengalir di sekitarnya, ke kiri:
img
{
float:right;
}
Elemen Mengambang Next untuk Setiap Lain
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
Mematikan Apung – Menggunakan Batal
.text_line
{
clear:both;
}
Sebuah gambar dengan perbatasan dan margin yang mengambang ke kanan dalam paragraf
Membiarkan mengambang gambar ke kanan di paragraf. Tambahkan perbatasan dan margin untuk gambar.
Gambar dengan keterangan yang mengambang ke kanan
Biarkan gambar dengan float keterangan ke kanan.
Biarkan huruf pertama dari paragraf float ke kiri
Biarkan huruf pertama dari paragraf float surat kiri dan gaya.
Membuat menu horizontal
Gunakan pelampung dengan daftar hyperlink untuk membuat menu horisontal.
Membuat homepage tanpa tabel
Gunakan mengapung untuk membuat suatu homepage dengan header, footer, konten kiri dan konten utama.
Semua Apung Properti CSS
Nomor dalam kolom “CSS” menunjukkan di mana CSS versi properti didefinisikan (CSS1 atau CSS2).
clear = Menentukan yang sisi dari elemen dimana elemen apung lainnya tidak diperbolehkan
float = Menentukan apakah atau tidak kotak harus mengambang