Mengapakah Harta CSS 'kiri' Saya Tidak Memusatkan div Anak Saya?

Menyelesaikan masalah "kiri" Harta CSS Tidak Berfungsi

Dalam senario di mana anda menghadapi kesukaran menjajarkan sempadan paling kiri elemen div kanak-kanak dalam bahagian tengah induknya, isu ini timbul disebabkan oleh pelaksanaan peraturan penentududukan CSS yang salah. Secara khususnya, sifat "kiri" gagal berkuat kuasa, membuatkan anda tertanya-tanya mengapa kod anda tidak berfungsi.

Sebab utama kegagalan ini terletak pada peninggalan atribut kedudukan untuk elemen div. Secara lalai, elemen HTML berada dalam kedudukan statik, menjadikan sifat "kiri" tidak boleh dikendalikan.

Untuk membetulkan isu ini dan mencapai penjajaran yang diingini, anda perlu menukar atribut kedudukan elemen div anak kepada sama ada mutlak atau relatif. Berikut ialah kod CSS yang dikemas kini yang akan menyelesaikan masalah:

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

Dengan menambahkan "kedudukan: mutlak," anda memberikan autonomi sifat "kiri" dan membolehkannya memusatkan div anak dengan berkesan dalam div induknya.

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