Rumah >hujung hadapan web >tutorial css >Mengapa Div Luar Saya Runtuh Apabila Mengubah Saiz Tetingkap Penyemak Imbas?

Mengapa Div Luar Saya Runtuh Apabila Mengubah Saiz Tetingkap Penyemak Imbas?

Susan Sarandonasal: 2024-12-15 01:20:17847semak imbas

Why Does My Outer Div Collapse When Resizing the Browser Window?

Mengapa Bahagian Luar Tidak

Mengelilingi Sepenuhnya

Apabila Saiz semula?

Dalam bekas dengan

dalam dan luar,

luar; tiba-tiba runtuh kepada lebar yang lebih kecil daripada kandungan

dalam. Isu ini boleh dikaitkan dengan sifat elemen blok.

Elemen sekat biasanya mengambil lebar sebanyak bekas induknya. Apabila tetingkap diubah saiz kepada lebar yang lebih sempit, bahagian luar

mula-mula mengembang untuk menampung kandungan

dalam. Walau bagaimanapun, apabila lebar tetingkap semakin berkurangan, lebar

luar akhirnya menjadi lebih kecil daripada

dalam.

Untuk menangani isu ini, gabungan blok sebaris dan min. -lebar: 100% boleh digunakan. inline-block membenarkan elemen untuk bertindak sebagai elemen inline dan block. Dengan menetapkan lebar min:100%, bahagian luar

akan memastikan lebarnya sentiasa sekurang-kurangnya sama dengan lebar kandungannya.

Kod Kemas Kini

Dengan menambahkan paparan: blok sebaris dan lebar min: 100% pada luar

, kandungan

dalam; akan berjaya menghalang

daripada mengecut lebih kecil daripada lebar kandungannya apabila mengubah saiz tetingkap.

.demo {
  display: inline-block;
  min-width: 100%;
}

Atas ialah kandungan terperinci Mengapa Div Luar Saya Runtuh Apabila Mengubah Saiz Tetingkap Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

this display issue

Kenyataan：

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 sebelumnya：Bagaimanakah Saya Boleh Mensimulasikan Kesan Tuding pada Peranti Sentuh?Artikel seterusnya：Bagaimanakah Saya Boleh Mensimulasikan Kesan Tuding pada Peranti Sentuh?

Artikel berkaitan

Lihat lagi