Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Harta CSS Saya Tidak "ditinggalkan" Memusatkan Div Anak Saya?

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

Linda Hamilton
Linda Hamiltonasal
2024-11-11 22:43:02439semak imbas

Why Isn't My CSS

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn