Mengapa Luar Saya Tidak `` Melampirkan Sepenuhnya Dalam Saya `` pada Saiz Tetingkap?-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

Mengapa Luar Saya Tidak `` Melampirkan Sepenuhnya Dalam Saya `` pada Saiz Tetingkap?

Linda Hamilton

Dec 17, 2024 am 07:02 AM

Why Doesn't My Outer `` Fully Enclose My Inner `` on Window Resize?

Mengapa Bahagian Luar

Gagal Mengelilingi Sepenuhnya

Apabila Tetingkap Mengecil?

Isu ini timbul daripada interaksi antara sifat CSS yang berbeza dan tetapan paparan elemen. Secara lalai, elemen peringkat blok, seperti

, akan berkembang untuk mengisi lebar yang tersedia bagi blok yang mengandunginya. Dalam kes ini, bahagian luar

ialah elemen peringkat blok dalam blok yang mengandungi lebih luas.

Untuk mengelakkan

daripada mengecut di bawah lebar bahagian dalam

, gabungan sifat blok sebaris dan lebar min boleh digunakan. Berikut ialah penjelasannya:

sebaris-blok: Nilai paparan ini membenarkan elemen bertindak seperti elemen sebaris sambil mengekalkan keupayaan untuk menentukan lebar dan ketinggian tertentu. Ini menghalang elemen daripada pecah ke baris baharu dan memastikan ia terkandung dalam elemen induknya.
lebar min: 100%: Dengan menetapkan lebar min bagi daripada melarikan diri melepasi sempadan
apabila tetingkap mengecil.

Dengan memasukkan paparan blok sebaris dan lebar min, kita boleh mengekang

untuk memeluk lebar

sambil mengekalkan tingkah laku peringkat bloknya.

Atas ialah kandungan terperinci Mengapa Luar Saya Tidak `` Melampirkan Sepenuhnya Dalam Saya `` pada Saiz Tetingkap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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