Mengapa Harta CSS Saya Tidak 'ditinggalkan' Memusatkan Div Anak Saya?

Sifat "kiri" CSS Tidak Berfungsi?

Apabila cuba memusatkan sempadan kiri div kanak-kanak dalam div induknya menggunakan " kiri: 50%" harta, kesan yang diingini mungkin tidak dapat dicapai. Ini boleh dikaitkan dengan kedudukan lalai unsur HTML, iaitu "statik." Dalam keadaan lalai ini, sifat "kiri" tidak mempunyai kesan.

Penyelesaian: Kedudukan Mutlak atau Relatif

Untuk membolehkan sifat "kiri" meletakkan div anak dengan betul, anda perlu menetapkan sifat kedudukannya kepada sama ada "mutlak" atau "relatif." Ini memberitahu penyemak imbas bahawa div kanak-kanak harus diletakkan secara relatif kepada elemen yang mengandunginya dan bukannya keseluruhan dokumen.

CSS yang dikemas kini:

#inner {
    width: 400px;
    height: 300px;
    background-color: #090;
    position: absolute;
    left: 50%;
}

Dengan menetapkan kedudukan sifat kepada "mutlak", div anak menjadi diposisikan relatif kepada induknya dan sifat "kiri" sebanyak 50% meletakkan sempadan kirinya betul-betul separuh dalam div induk.

Atas ialah kandungan terperinci Mengapa Harta CSS Saya Tidak 'ditinggalkan' Memusatkan Div Anak Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!