Bolehkah Anda Meletakkan Elemen Sama sekali Tanpa Nilai Atas, Kiri, Bawah, Kanan yang Eksplisit?

Letakkan Elemen Sama sekali Tanpa Nilai Atas/Kiri/Bawah/Kanan yang Eksplisit: Menyelam ke dalam Standard

Dalam bidang pembangunan web, kedudukan mutlak membolehkan elemen diletakkan secara bebas daripada aliran biasa mereka dalam dokumen. Walau bagaimanapun, soalan biasa timbul apabila cuba mencapai ini tanpa menetapkan sifat atas/kiri/bawah/kanan secara eksplisit.

Gelagat Lalai untuk Nilai Auto

Mengikut Spesifikasi CSS2, tingkah laku lalai untuk nilai auto di atas/bawah, kiri/kanan sifat adalah untuk memberikan mereka nilai yang sama seperti yang mereka akan ada dalam kedudukan statik. Ini bermakna elemen dengan kedudukan: mutlak dan keempat-empat nilai auto akan berkelakuan seolah-olah ia diletakkan secara statik.

Kes #1: Logo Di Atas Foto dalam Pengepala WordPress

Dalam kes pertama, meletakkan logo secara mutlak di atas foto tanpa nilai atas/kiri/bawah/kanan yang eksplisit adalah mungkin kerana elemen logo ialah anak pertama bekas induknya (pengepala). Seperti yang dinyatakan dalam piawaian CSS, anak pertama yang diposisikan secara mutlak dengan jidar (atau pelapik) akan dialihkan berhubung dengan penjuru kiri sebelah atas ibu bapanya.

Kes #2: Menu Berbilang Aras Mendatar

Dalam kes kedua, menu berbilang peringkat mendatar boleh dibentangkan menggunakan paparan: jadual-*, tetapi sel jadual tidak menyokong kedudukan relatif. Walau bagaimanapun, dengan menggunakan kedudukan: mutlak pada item menu dan meninggalkan sifat atas/bawah, kiri/kanan sebagai auto, gelagat lalai akan memastikan bahawa item ini diposisikan mengikut nilai kedudukan statiknya, dengan berkesan meniru kedudukan relatif dalam sel jadual konteks.

Keserasian Penyemak Imbas

Walaupun teknik ini mematuhi spesifikasi CSS2 dan harus berfungsi secara teori, adalah penting untuk ambil perhatian bahawa sokongan penyemak imbas untuk kedudukan mutlak tanpa bahagian atas yang jelas /left/bottom/right nilai mungkin berbeza-beza. Sesetengah pelayar lama, seperti Firefox 0.8 dan IE6-7, mungkin menunjukkan tingkah laku yang tidak dijangka. Namun begitu, ia kekal sebagai pendekatan yang sah yang boleh memberikan fleksibiliti dalam situasi tertentu.

Atas ialah kandungan terperinci Bolehkah Anda Meletakkan Elemen Sama sekali Tanpa Nilai Atas, Kiri, Bawah, Kanan yang Eksplisit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!