Memahami display:inline; dan float:left;_CSS/HTML

Pertama sekali, kita perlu menjelaskan maksud display:inline dan float:left;. paparan: sebaris; (sebaris) "Panduan Definitif CSS" Paparan teks bahasa Cina: Sebarang elemen yang boleh dilihat yang bukan elemen peringkat blok ialah elemen sebaris. Ciri prestasinya ialah bentuk "susun atur baris". "susun atur baris" di sini bermaksud bentuk ungkapannya sentiasa dipaparkan dalam baris. Sebagai contoh, apabila kita menetapkan elemen sebaris border-bottom:1px solid #000;, ia akan diulang dalam setiap baris dan akan terdapat garis hitam nipis di bawah setiap baris. Jika ia adalah elemen peringkat blok, garis hitam yang dipaparkan hanya akan muncul di bawah blok.

Sudah tentu, ini tidak kelihatan seperti perbezaan antara display:inline; dan float:left;, tetapi apabila kita memahami ciri float:left;, kita akan memahami perkara yang sedang berlaku. float:left; (left float) ialah ciri susun atur khas yang menyebabkan elemen yang ditentukan terpisah daripada aliran dokumen biasa. Dan FLOAT mesti digunakan pada elemen peringkat blok, yang bermaksud terapung tidak digunakan pada teg sebaris. Atau dengan kata lain apabila FLOAT digunakan maka elemen ini akan ditetapkan sebagai elemen peringkat blok.

Kemudian kami sangat jelas, lebar dan tinggi tidak boleh ditetapkan untuk elemen sebaris (paparan:sebaris;), kerana sebaris tergolong dalam susun atur baris, dan cirinya adalah untuk dibentangkan dalam satu baris, jadi lebar dan tinggi tidak boleh ditetapkan.