Tiga cara susun atur css html (susun atur semula jadi/susun atur bendalir/susun letak kedudukan)_HTML/Xhtml_Penghasilan halaman web

1. Reka letak semula jadi
Reka letak tanpa sebarang pengubahsuaian dialihkan ke kiri secara automatik.
2. Susun atur bendalir
Situasi apungan:kiri yang dinyatakan di atas.
3. Reka letak kedudukan
Kedua-dua kedudukan relatif dan kedudukan mutlak adalah relatif kepada teg div induk.
Relatif------ambil kedudukan asal elemen ini sebagai titik rujukan
Mutlak--ambil asal (sudut kiri atas) tag div induk sebagai titik rujukan.

Memandangkan lapisan luar ialah position:relative, jika lapisan dalam adalah mutlak, sudut kiri atas lapisan luar akan dijajarkan sebagai rujukan anjakan. Sudah tentu, hanya position:relative ditulis di lapisan luar, dan dua nilai kiri dan atas ditulis, yang bermaksud bahawa kedudukan asal elemen ini digunakan sebagai asal rujukan reka letak untuk penjajaran kiri dan atas .

Situasi lain ialah hanya terdapat kedudukan:mutlak; tiada kedudukan:relatif dalam kes ini, titik manakah yang akan ditemui sebagai rujukan? Prinsip pada masa ini ialah: jika terdapat saudara dalam unsur induk, unsur induk akan digunakan sebagai asal rujukan Jika tiada kedudukan:relatif, badan akan digunakan sebagai asal rujukan. Jika tiada relatif dalam lapisan luar position:absolute, tiada perbezaan antara kedua-dua susun atur.

Sudah tentu keadaan terakhir ialah: lapisan luar ialah: kedudukan:mutlak; Mengikut prinsip asal, mutlak akan merujuk kepada badan sebagai asal susun atur, dan relatif akan merujuk kepada kedudukan asalnya sebagai asal susun atur Pada masa ini, ia sebenarnya merujuk kepada sudut kiri atas lapisan luar sebagai asal susun atur .
Yang lain akan bergantung pada keadaan sebenar.