Teks asli : semua tentang pelampung
Terjemahan : Tentang kehidupan terapung dulu dan sekarang
Semua hak dilindungi undang-undang. Harap sebutkan sumbernya saat mencetak ulang. !
Apa itu pelampung?
Float adalah properti pemosisian css. Kita dapat melihat desain tipografi untuk memahami asal usul dan perannya. Dalam tata letak cetak, teks dapat mengelilingi gambar sesuai keinginan. Cara ini umumnya disebut "pembungkusan teks".
Berikut ini contohnya:
Dalam perangkat lunak penyusunan huruf, kotak teks dapat diatur untuk memungkinkan tata letak campuran gambar dan teks, atau mengabaikannya. Pencampuran teks-ke-gambar tidak akan memungkinkan teks muncul di atas gambar seolah-olah teks tidak ada di sana. Inilah perbedaan antara apakah suatu gambar merupakan bagian dari aliran halaman atau tidak. Desain web sangat mirip dengan ini.
Dalam desain web, elemen halaman yang menerapkan atribut float CSS seperti gambar yang dikelilingi oleh teks dalam tata letak tipografi. Elemen mengambang masih menjadi bagian dari alur halaman web. Ini adalah perbedaan yang signifikan dibandingkan dengan menggunakan elemen halaman yang diposisikan secara mutlak. Elemen halaman yang benar-benar diposisikan akan dihapus dari alur halaman, sama seperti kotak teks dalam tata letak cetak diatur untuk mengabaikan pembungkusan halaman. Elemen yang diposisikan secara mutlak tidak akan mempengaruhi elemen lain, dan elemen lain tidak akan mempengaruhinya, terlepas dari apakah elemen tersebut berada di sebelah elemen lain.
Atur float dengan CSS pada elemen seperti ini:
#bilah samping { mengapung: kanan; }
Atribut fload memiliki empat nilai yang tersedia: Kiri dan Kanan mengapungkan elemen ke arahnya masing-masing, Tidak Ada (default) membuat elemen tidak melayang, dan Inherit akan mendapatkan nilai float dari elemen induk.