Tutorial Pengenalan Reka Letak Halaman Web CSS 4: Dua Lajur dengan Tutorial Lebar_Basic Tetap

Dengan satu lajur lebar tetap sebagai asas, dua lajur lebar tetap adalah sangat mudah. ​​Kami tahu bahawa div digunakan untuk mengenal pasti kawasan tertentu, dan reka letak dua lajur secara semula jadi memerlukan penggunaan dua div kod adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

lajur kiri< ;/div>

lajur kanan

Dua id digunakan dalam struktur kod baharu, iaitu kiri dan kanan. Menunjukkan nama dua div Apa yang perlu kita lakukan ialah terlebih dahulu menentukan lebar untuk mereka, dan kemudian memaparkan dua div bersebelahan dalam baris mendatar, dengan itu membentuk reka letak dua lajur kod adalah seperti berikut:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Dua lajur lebar tetap</title>

Label berkaitan：

CSS网页布局入门教程4：二列固定宽度

sumber：php.cn

Artikel sebelumnya：Perkara yang perlu anda perhatikan semasa mempelajari Tutorial Asas CSS Artikel seterusnya：Tutorial pengenalan reka letak halaman web CSS 3: Satu lajur dengan lebar tetap berpusat_Tutorial asas

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

• Apakah itu NullPointerException, dan bagaimana saya membetulkannya?
  2024-10-22 09:46:29
• Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C
  2024-10-13 13:53:41
• Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula
  2024-10-12 12:15:51
• Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu
  2024-10-11 22:47:31
• Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak
  2024-10-11 19:36:51
• Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak
  2024-10-11 15:50:41
• Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula
  2024-10-11 15:07:41
• PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web
  2024-10-11 14:21:21
• Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda
  2024-10-11 12:59:11
• Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula
  2024-10-11 12:17:31

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2238

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2379

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1989

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1877

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1947

Topik-topik yang berkaitan

Lagi>

• Apakah yang dimaksudkan dengan penghalaan java?
• Apa yang perlu dilakukan jika tiada bunyi dari mikrofon komputer
• Apakah perbezaan antara php dan java
• Apakah maksud pelayan root?
• js rentetan kepada tatasusunan
• Bagaimana untuk membeli, menjual dan berdagang Bitcoin
• Bolehkah percikan api Douyin dinyalakan semula jika ia telah dimatikan selama lebih daripada tiga hari?
• Apakah perbezaan antara USB-C dan TYPE-C