Kenapa CSS Saya Tidak 'top: 50%' Harta Berfungsi?

Harta Peratus Tertinggi CSS Tidak Berfungsi

Apabila cuba melaksanakan reka letak CSS responsif, diperhatikan bahawa sifat "atas: 50%" tidak berfungsi seperti yang dimaksudkan , sementara sifat "kiri: 50%" berfungsi. Isu ini timbul kerana sifat "atas" memerlukan elemen induk rujukan dengan ketinggian yang ditentukan.

<div>

Untuk menyelesaikan isu ini, terdapat dua penyelesaian yang berpotensi:

1. Tentukan Dimensi untuk Bekas Induk:

   Sediakan ketinggian dan lebar khusus untuk bekas induk, memastikan ia mempunyai kawasan yang ditentukan untuk elemen anak diposisikan.

   <div>

   Salin selepas log masuk

   Salin selepas log masuk

   Salin selepas log masuk

2. Rentangkan Bekas Induk:

   Sebagai alternatif, bekas induk boleh diregangkan menggunakan "atas," "bawah," "kiri," dan sifat "betul". Ini memberikan elemen kanak-kanak kawasan rujukan untuk kedudukan "atas"nya.

   <div>

   Salin selepas log masuk

   Salin selepas log masuk

   Salin selepas log masuk

Atas ialah kandungan terperinci Kenapa CSS Saya Tidak 'top: 50%' Harta Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!