CSS float 属性
Perekaan kursus disarankan:
Definisi dan penggunaan
Jika floating untuk elemen yang tidak digantikan, perlu ditentukan lebar yang jelas; jika tidak, mereka akan segera sempit.
Komen:Jika hanya sedikit ruang di baris untuk elemen floating, elemen itu akan melompat ke baris berikutnya, proses ini akan terus berlanjutan sehingga baris yang punya ruang yang cukup.
Lihat juga:
Panduan CSS:Pemindai CSS
Panduan HTML DOM:sifat cssFloat
Rumus CSS
float: none|left|right|initial|inherit;
Nilai sifat
| Nilai | Penerangan |
|---|---|
| left | Elemen bergerak ke kiri. |
| right | Elemen bergerak ke kanan. |
| none | Nilai lalai. Elemen tidak bergerak dan akan dipaparkan di tempat ia muncul dalam teks. |
| inherit | Ditetapkan supaya nilai float dari elemen bercabang daripada daripada bercabang utama. |
Butiran teknikal
| Nilai lalai: | none |
|---|---|
| Inheritsi: | no |
| Versi: | CSS1 |
| Rumus JavaScript: | object.style.cssFloat="left" |
Contoh TIY
- Penggunaan sederhana float 属性
- Membuat imej bergerak ke kanan sebelah paragraf
- Membuat imej dengan garisan dan batasan bergerak ke kanan sebelah paragraf
- Membuat imej bergerak ke kanan sebelah paragraf. Tambahkan garisan dan batasan ke imej.
- Imej dengan tajuk bergerak ke kanan
- Membuat imej dengan tajuk bergerak ke kanan
- Membuat huruf pertama paragraf bergerak ke kiri
- Membuat huruf pertama paragraf bergerak ke kiri, dan menambahkan gaya ke huruf ini.
- Cipta menu horizontal
- Gunakan floating dengan pautan sata untuk mencipta menu horizontal.
- Cipta halaman utama tanpa tajuk
- Gunakan floating untuk mencipta halaman utama yang mempunyai kaki halaman, kiri katalog, dan kandungan utama.
Dukungan pereka
Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
