Bagaimanakah Saya Membuat Div Boleh Tatal Secara Menegak dengan CSS Sahaja?

Membuat Div Boleh Tatal Menegak Menggunakan CSS

Apabila cuba mencipta div boleh tatal menegak, tetapkan limpahan sifat CSS: tatal; mungkin secara tidak sengaja membenarkan penatalan mendatar dan menegak. Untuk mengehadkan penatalan ke paksi menegak sahaja, adalah perlu untuk melaraskan sifat CSS.

Membetulkan Sifat CSS

Properti limpahan-x mengawal penatalan mendatar , manakala limpahan-y mengawal tatal menegak. Untuk memastikan penatalan menegak sahaja, anda boleh menggunakan salah satu daripada pendekatan berikut:

Memaksa Bar Tatal Menegak

Jika anda mahu bar skrol menegak sentiasa muncul, tanpa mengira ketinggian kandungan, gunakan:

overflow-y: scroll;

Ini memaksa bar skrol menegak, walaupun kandungan tidak melebihi ketinggian div.

Bar Tatal Menegak Bersyarat

Jika anda hanya mahu bar skrol menegak muncul apabila kandungan melebihi ketinggian div, gunakan:

overflow: auto;

Ini akan menambah bar skrol menegak secara automatik hanya jika kandungan terlalu tinggi untuk dimuatkan dalam div ketinggian.

Atas ialah kandungan terperinci Bagaimanakah Saya Membuat Div Boleh Tatal Secara Menegak dengan CSS Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!