Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Meletakkan Dua Div Bersebelahan dalam HTML?

Bagaimana untuk Meletakkan Dua Div Bersebelahan dalam HTML?

Linda Hamilton
Lepaskan: 2024-12-27 22:39:16
asal
350 orang telah melayarinya

How to Place Two Divs Side by Side in HTML?

Cara Meletakkan Div Bersebelahan dalam HTML

Untuk meletakkan dua div bersebelahan antara satu sama lain, anda boleh memanfaatkan sifat "float" dalam CSS. Begini cara anda boleh mencapainya:

Terapung Satu Div

  • Tambah gaya berikut pada div pembalut:
#wrapper {
    overflow: hidden;
}
Salin selepas log masuk
Salin selepas log masuk
  • Apung div pertama ke kiri:
#first {
    float: left;
}
Salin selepas log masuk

Terapung Keduanya Div

  • Tambahkan gaya berikut pada div pembalut:
#wrapper {
    overflow: hidden;
}
Salin selepas log masuk
Salin selepas log masuk
  • Apungkan kedua-dua div ke kiri:
#first, #second {
    float: left;
}
Salin selepas log masuk

Penyelesaian ini membolehkan anda meletakkan dua div bersebelahan dan menjajarkannya secara menegak mengikut ketinggian div yang lebih tinggi.

Atas ialah kandungan terperinci Bagaimana untuk Meletakkan Dua Div Bersebelahan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan