Bagaimanakah Anda Boleh Mencapai Kedudukan Mutlak Tanpa Menentukan Sifat Atas, Kiri, Bawah atau Kanan yang Eksplisit?

Kedudukan Mutlak Tanpa Eksplisit Atas/Kiri/Bawah/Kanan

Dalam keadaan tertentu, seseorang mungkin menghadapi keperluan untuk meletakkan elemen secara mutlak tanpa secara eksplisit menetapkan sifat atas, kiri, bawah atau kanannya. Dua kes menggambarkan konsep ini:

Kes #1: Logo Di Atas Foto dalam Pengepala

Dalam contoh pertama, matlamatnya adalah untuk meletakkan logo di atas foto dalam pengepala tema WordPress lalai. Dengan menambahkan logo sebelum foto dan menetapkan kedudukannya kepada mutlak tanpa menyatakan mana-mana sifat spatial, logo diletakkan secara automatik berhubung dengan bekasnya. Ini mungkin disebabkan oleh kelakuan lalai yang digariskan dalam spesifikasi CSS2, yang memberikan nilai auto kepada sifat ini jika ia tidak ditetapkan untuk elemen yang diposisikan secara mutlak.

Kes #2: Menu Berbilang Aras Mendatar

Contoh kedua melibatkan mencipta menu berbilang peringkat mendatar yang merangkumi keseluruhan lebar dan dibentangkan menggunakan paparan: table-*. Oleh kerana sel jadual tidak menyokong kedudukan: relatif, penyelesaiannya adalah dengan menggunakan kedudukan mutlak tanpa menetapkan sifat spatial. Walau bagaimanapun, pendekatan ini harus dianggap sebagai penyelesaian kerana ia mungkin tidak konsisten merentas semua penyemak imbas dan jenis peranti.

Gelagat Standard untuk Nilai Auto

Mengikut spesifikasi CSS2 , jika sifat atas/bawah dan kiri/kanan ditetapkan kepada auto, ia akan lalai kepada kedudukan elemen dalam keadaan tidak berkedudukan. Tingkah laku ini membolehkan elemen diposisikan secara mutlak berbanding aliran semula jadinya tanpa memerlukan koordinat spatial yang jelas.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Mencapai Kedudukan Mutlak Tanpa Menentukan Sifat Atas, Kiri, Bawah atau Kanan yang Eksplisit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!