Mengapa Bekas Induk Saya Mempunyai Bar Skrol Menegak Walaupun Elemen Kanak-Kanak Padan dengan Tingginya?

Mengapa Terdapat Bar Skrol Menegak walaupun Ketinggian Elemen Ibu Bapa dan Anak Sama?

Dalam pembangunan web, bukan sesuatu yang luar biasa untuk menghadapi senario di mana bekas induk ( cth., .displayContainer) memaparkan bar skrol menegak yang tidak diperlukan walaupun elemen anaknya mempunyai ketinggian yang sama. Masalah ini timbul disebabkan oleh tetapan lalai yang halus dalam CSS yang dikenali sebagai penjajaran menegak: garis dasar.

Penjajaran Menegak dan Penurunan

Sifat penjajaran menegak mentakrifkan penjajaran menegak bagi peringkat sebaris (cth. , butang, input) dan elemen sel jadual. Secara lalai, nilainya ialah garis dasar. Tetapan ini membenarkan penyemak imbas mencipta ruang di bawah elemen ini untuk memuatkan turun, iaitu huruf kecil yang memanjang di bawah garis dasar, seperti "j", "g" dan "y".

Kesan pada Bar Skrol

Apabila elemen aras sebaris dalam bekas mempunyai jajaran menegak: garis dasar, ia diangkat sedikit dari tepi bawah bekas untuk memberi ruang kepada penurun. Ruang tambahan ini menyumbang kepada ketinggian bekas, mencetuskan limpahan dan penampilan bar skrol menegak.

Penyelesaian

Untuk mengalih keluar bar skrol yang tidak diperlukan, anda boleh:

• Timpa penjajaran menegak: garis dasar: Tukar nilai ke bawah, atas atau yang lain yang diingini penjajaran.
• Gunakan paparan: blok: Tukar sifat paparan elemen kanak-kanak daripada blok sebaris ke blok.
• Tetapkan ketinggian baris: 0: Gunakan ketinggian garis: 0 pada bekas induk untuk menghapuskan jarak baris.
• Set saiz fon: 0: Tetapkan saiz fon bekas induk kepada 0. Anda kemudian boleh memulihkan saiz fon pada elemen kanak-kanak jika perlu.

Dengan melaksanakan salah satu daripada penyelesaian ini, anda boleh menghapuskan bar skrol menegak sambil mengekalkan ketinggian dan susun atur elemen ibu bapa dan anak anda.

Atas ialah kandungan terperinci Mengapa Bekas Induk Saya Mempunyai Bar Skrol Menegak Walaupun Elemen Kanak-Kanak Padan dengan Tingginya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!