Bagaimanakah Saya Boleh Meletakkan Dua Div Bersebelahan Menggunakan CSS?

Cara Meletakkan Dua Div Bersebelahan dalam CSS

Untuk mencapai kedudukan sebelah menyebelah dua div dalam pembalut, anda boleh menggunakan teknik CSS seperti terapung. Berikut adalah beberapa kaedah yang berkesan:

Terapung Satu Div

Tambah CSS berikut:

#wrapper {
    overflow: hidden;
}
#first {
    float: left;
}
#second {
    overflow: hidden; /*Prevent wrapping below #first*/
}

Terapung #first div ke kiri akan meletakkan kedudukan ia bersebelahan dengan #saat.

Terapung Keduanya Div

Sebagai alternatif, anda boleh mengapungkan kedua-dua div:

#wrapper {
    overflow: hidden;
}
#first {
    float: left;
}
#second {
    float: left;
}

Walau bagaimanapun, kaedah ini memerlukan penetapan limpahan: tersembunyi pada pembungkus untuk memaksanya mengandungi kanak-kanak terapung. Jika tidak, pembalut mungkin kelihatan kosong dan tiada sempadan di sekeliling div.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Dua Div Bersebelahan Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!