Menempatkan Dua Div Bersebelahan dengan CSS
Dalam pembangunan web, keperluan timbul untuk meletakkan elemen sebelah menyebelah. Satu kaedah untuk mencapai ini dalam CSS ialah melalui flexbox.
Pendekatan Flexbox
Flexbox membolehkan anda meletakkan elemen dalam struktur seperti grid yang fleksibel. Untuk meletakkan dua div bersebelahan antara satu sama lain:
#parent { display: flex; } #narrow { width: 200px; background: lightblue; } #wide { flex: 1; background: lightgreen; }
<div>
Dengan mengikuti pendekatan ini, anda boleh meletakkan dua div sebelah menyebelah dengan mudah, dengan satu mempunyai lebar tetap dan satu lagi mengisi ruang skrin yang tinggal.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Dua Div Bersebelahan Menggunakan CSS Flexbox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!