Bagaimanakah Saya Boleh Membuat Div Ibu Bapa Secara Automatik Berkembang ke Ketinggian Anaknya Menggunakan CSS?-tutorial css-php.cn

How Can I Make a Parent Div Automatically Expand to the Height of Its Children Using CSS?

Meluaskan Ibu Bapa

ke Ketinggian Anak-anaknya dengan CSS

Untuk mengembangkan ketinggian ibu bapa

untuk memadankan ketinggian elemen anaknya, CSS boleh digunakan dengan berkesan. Pertimbangkan struktur halaman berikut:

<body>
  <div>

Salin selepas log masuk

Untuk mencapai pengembangan yang diingini, hanya gunakan CSS berikut untuk induk

overflow: auto;

Salin selepas log masuk

Selain itu, jika kandungan anak berkembang melebihi lebar tetingkap penyemak imbas, menyebabkan bar skrol mendatar muncul pada induk

, anda boleh mengubah suai CSS kepada berikut:

Ibu bapa:

overflow: auto;

Salin selepas log masuk

Anak:

display: table-row;

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Div Ibu Bapa Secara Automatik Berkembang ke Ketinggian Anaknya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Bolehkah CSS `:before` dan `:after` Menyisipkan Kandungan HTML? Artikel seterusnya：Mengapa Sempadan Lutsinar Mengherotkan Kecerunan Linear, dan Bagaimana Saya Boleh Membetulkannya?

Kenyataan Laman Web ini

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

Isu terkini