Bagaimana untuk Membuat Div Bersebelahan Sama Tinggi?

Memastikan Div Ketinggian Sama Diposisikan Bersebelahan

Apabila mempersembahkan dua div sebelah-menyebelah dalam bekas, ia boleh mencabar untuk mencapai ketinggian yang sama, terutamanya dengan kandungan yang berbeza-beza. Panduan ini membentangkan pelbagai teknik untuk menangani isu ini.

1. Memanfaatkan CSS

paparan: table-cell: Pendekatan pilihan yang menjajarkan div seperti sel jadual, memastikan ketinggian yang sama.

Teknik Latar Belakang Palsu: Menggunakan kecerunan CSS3 untuk mencipta latar belakang yang memanjangkan ketinggian yang lebih pendek div.

2. Menggunakan Jadual

Jadual HTML: Walaupun tidak sesuai dari segi semantik, jadual boleh memberikan penyelesaian yang mudah untuk pembahagian ketinggian yang sama.

3. Menggunakan jQuery/JavaScript

Walaupun kaedah ini menawarkan penanda paling bersih, kaedah ini bergantung pada JavaScript untuk menyamakan ketinggian. Walau bagaimanapun, ia mungkin tidak berfungsi apabila JavaScript dilumpuhkan.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Div Bersebelahan Sama Tinggi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!