Bagaimanakah Saya Boleh Menetapkan Ketinggian Kontena untuk Merangkumkan Kanak-Kanak yang Berposisi Benar?

Ketinggian Kontena dengan Kanak-kanak Berkedudukan Mutlak

Dalam keadaan ini, di mana bekas hanya mempunyai anak yang betul-betul / agak berkedudukan, menentukan ketinggian bekas untuk disimpan anak-anaknya yang terkandung boleh mencabar.

Dalam CSS, elemen yang diletakkan secara mutlak dikecualikan daripada aliran dokumen biasa. Akibatnya, dimensi mereka tidak memberi kesan kepada dimensi ibu bapa mereka.

Penyelesaian Berkemungkinan dengan JavaScript:

Jika mengekalkan kedudukan mutlak adalah penting, anda boleh menggunakan JavaScript untuk mencapai kesan yang diingini. Khususnya, anda boleh menulis skrip yang mendapatkan semula ketinggian kanak-kanak yang diletakkan secara mutlak selepas mereka membuat dan menggunakan nilai itu untuk melaraskan ketinggian induk.

Penyelesaian Alternatif dengan Terapung dan Limpahan:

Pendekatan alternatif ialah menggunakan float: left/float:right dan margin untuk meniru kedudukan mutlak semasa memelihara kanak-kanak dalam aliran dokumen. Untuk menampung ketinggian kanak-kanak, anda boleh menggunakan limpahan: tersembunyi pada bekas induk (atau gunakan teknik clearfix lain).

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menetapkan Ketinggian Kontena untuk Merangkumkan Kanak-Kanak yang Berposisi Benar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!