Aliran Normal

Aliran biasa ialah cara elemen dipaparkan dalam laman web dalam kebanyakan keadaan. Semua elemen dalam HTML ada di dalam kotak yang sama ada dalam kotak atau kotak sekatan .

Meletakkan Keluar Blok Kotak

Dalam aliran biasa, kotak blok diposisikan pada satu halaman selepas yang lain (mengikut susunan yang ditulis dalam HTML ). Mereka bermula di sebelah kiri atas kotak yang mengandungi dan tumpukan dari atas ke bawah. Jarak antara setiap kotak ditakrifkan oleh margin dengan margin atas dan bawah runtuh ke satu sama lain.

Sebagai contoh, anda mungkin mempunyai HTML berikut:

Ini adalah div pertama. Ia 200 piksel lebar dengan margin 5px di sekelilingnya.

Ini adalah div yang lebih luas.

Ini adalah div yang sedikit lebih luas daripada yang kedua.

Setiap DIV adalah elemen blok, jadi ia akan diletakkan di bawah elemen blok sebelumnya. Setiap tepi luar kiri akan menyentuh tepi kiri blok yang mengandungi.

Meletakkan Kotak Inline

Kotak dalam talian diletakkan pada halaman secara mendatar, satu selepas permulaan yang lain di bahagian atas elemen kontena. Apabila tidak ada ruang yang cukup untuk memenuhi semua elemen kotak inline pada satu baris, mereka membungkus ke baris seterusnya dan menumpuk secara menegak dari sana.

Sebagai contoh, dalam HTML berikut:

Teks ini berani dan teks ini bersifat miring . Dan ini adalah teks biasa.

Perenggan itu adalah elemen blok, tetapi terdapat 5 elemen dalam baris:

Jadi aliran normal adalah bagaimana unsur-unsur blok dan inline ini akan dipaparkan pada halaman web tanpa campur tangan oleh pereka web.

Sekiranya anda mahu menjejaskan di mana elemen berada pada halaman, anda boleh menggunakan kedudukan CSS atau terapung CSS .