hujung hadapan webtutorial cssApakah yang Berlaku kepada Elemen yang Diposisikan Sepenuhnya tanpa Nilai Atas, Kiri, Bawah atau Kanan yang Jelas?
Memahami Nilai Kedudukan Lalai untuk Kedudukan Mutlak
Dalam CSS, apabila elemen diletakkan secara mutlak, koordinatnya ditentukan secara relatif kepada blok yang mengandunginya . Walau bagaimanapun, apakah yang berlaku apabila tiada nilai eksplisit disediakan untuk sifat atas, kiri, bawah atau kanan? Untuk membongkar misteri ini, mari kita periksa nilai lalai dan implikasinya.
Seperti yang dijangkakan, nilai lalai untuk semua sifat ini bukan sifar, sebaliknya "auto". Mengikut spesifikasi CSS (Seksyen 9.3.2), apabila semua offset ditetapkan kepada auto untuk kotak yang diposisikan secara mutlak, ia kekal dalam kedudukan asalnya seolah-olah ia tidak diletakkan sama sekali.
Konsep ini menjadi lebih jelas dalam Bahagian 10.3.7 spesifikasi, yang menetapkan bahawa apabila ketiga-tiga kiri, lebar dan kanan adalah automatik, sifat kiri diselesaikan terlebih dahulu. Jika arah unsur adalah kiri-ke-kanan ('ltr'), kiri ditetapkan kepada kedudukan statik; jika tidak, kanan ditetapkan kepada kedudukan statik
Begitu juga, Seksyen 10.6.4 mengawal kekangan dimensi menegak untuk elemen yang diletakkan secara mutlak. Jika bahagian atas, tinggi dan bawah semuanya automatik, sifat atas diberikan kedudukan statik secara lalai.
Dari segi praktikal, ini bermakna elemen yang diletakkan secara mutlak tanpa sebarang nilai koordinat yang jelas akan kekal di tempat yang sepatutnya telah diletakkan secara normal, tanpa sebarang anjakan di lokasinya. Ini dikenali sebagai "kedudukan statik".
Untuk meringkaskan, apabila tiada nilai khusus ditentukan untuk sifat atas, kiri, bawah atau kanan bagi elemen yang diletakkan secara mutlak, mereka menganggap nilai lalai auto, yang berkesan mengekalkan kedudukan asal unsur dalam bekasnya.
Atas ialah kandungan terperinci Apakah yang Berlaku kepada Elemen yang Diposisikan Sepenuhnya tanpa Nilai Atas, Kiri, Bawah atau Kanan yang Jelas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Begitu banyak pautan warnaApr 13, 2025 am 11:36 AMDi sana ' s telah menjalankan alat, artikel, dan sumber tentang warna akhir -akhir ini. Tolong izinkan saya menutup beberapa tab dengan membulatkannya di sini untuk keseronokan anda.
Bagaimana margin automatik berfungsi di flexboxApr 13, 2025 am 11:35 AMRobin telah menutupi ini sebelum ini, tetapi saya telah mendengar kekeliruan mengenainya dalam beberapa minggu yang lalu dan melihat orang lain menikam menerangkannya, dan saya mahu
Melangkah Rainbow Garis bawahApr 13, 2025 am 11:27 AMSaya sangat suka reka bentuk tapak sandwic. Di antara banyak ciri yang indah ialah tajuk utama ini dengan garis bawah Rainbow yang bergerak ketika anda menatal. Ia ' s tidak
Tahun Baru, pekerjaan baru? Let ' s membuat resume berkuasa grid!Apr 13, 2025 am 11:26 AMBanyak reka bentuk resume yang popular membuat sebahagian besar ruang halaman yang tersedia dengan meletakkan bahagian dalam bentuk grid. Mari kita gunakan grid CSS untuk membuat susun atur yang
Salah satu cara untuk memecahkan pengguna dari kebiasaan tambah nilai terlalu banyakApr 13, 2025 am 11:25 AMTambah nilai halaman adalah satu perkara. Kadang -kadang kita menyegarkan halaman apabila kita fikir ia tidak bertindak balas, atau percaya bahawa kandungan baru tersedia. Kadang -kadang kita hanya marah
Reka bentuk yang didorong oleh domain dengan ReactApr 13, 2025 am 11:22 AMTerdapat panduan yang sangat sedikit tentang cara mengatur aplikasi front-end di dunia React. (Hanya gerakkan fail sehingga ia "terasa betul," lol). Kebenaran
Mengesan pengguna yang tidak aktifApr 13, 2025 am 11:08 AMKebanyakan masa anda tidak benar -benar peduli sama ada pengguna secara aktif terlibat atau tidak aktif sementara pada aplikasi anda. Tidak aktif, makna, mungkin mereka
Wufoo ZapierApr 13, 2025 am 11:02 AMWufoo sentiasa hebat dengan integrasi. Mereka mempunyai integrasi dengan aplikasi tertentu, seperti Monitor Kempen, MailChimp, dan TypeKit, tetapi mereka juga
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Muat turun versi mac editor Atom
Editor sumber terbuka yang paling popular
Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.
PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).
Dreamweaver CS6
Alat pembangunan web visual
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
