Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mencapai 100% Ketinggian Elemen Kanak-Kanak Dalam Induk Ketinggian Boleh Ubah?
Mencapai 100% Ketinggian Kanak-kanak dalam Ibu Bapa yang Berbeza-beza
Dalam susun atur berbilang lajur, memastikan lajur navigasi sejajar secara menegak dengan kandungan utama adalah penting. Walau bagaimanapun, tanpa menyatakan ketinggian ibu bapa, ini boleh terbukti mencabar.
Penyelesaian:
Gunakan sifat paparan flex pada elemen induk. Ini membolehkan kanak-kanak melentur dan mengembang secara menegak, menduduki ketinggian ibu bapa.
.parent { display: flex; }
Sifat Tambahan:
Contoh:
.parent { display: flex; align-items: stretch; } .child { height: 100%; width: 50%; }
Nota:
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai 100% Ketinggian Elemen Kanak-Kanak Dalam Induk Ketinggian Boleh Ubah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!