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!

sumber：php.cn

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2015

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2183

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1841

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...