


Tiga cara susun atur css html (susun atur semula jadi/susun atur bendalir/susun letak kedudukan)_HTML/Xhtml_Penghasilan halaman web
May 16, 2016 pm 04:40 PMReka 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.

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Soalan yang sering ditanya oleh penemuduga front-end

Kaedah dan teknik bagaimana untuk melaksanakan susun atur aliran air terjun melalui CSS tulen

Petua Reka Letak CSS: Amalan Terbaik untuk Melaksanakan Reka Letak Ikon Grid Pekeliling

Evolusi dan aplikasi unit susun atur CSS: daripada piksel kepada unit relatif berdasarkan saiz fon elemen akar

Kaedah susun atur Kedudukan CSS untuk melaksanakan susun atur imej responsif

Tutorial Reka Letak CSS: Cara Terbaik untuk Melaksanakan Reka Letak Holy Grail

SEO bahagian hadapan—penjelasan terperinci

Tutorial reka letak CSS: Cara terbaik untuk melaksanakan reka letak responsif dua lajur
