Rumah >hujung hadapan web >tutorial css >Tutorial pengenalan reka letak halaman web CSS 6: lajur kiri tetap, lebar lajur kanan adaptif_Tutorial asas

Tutorial pengenalan reka letak halaman web CSS 6: lajur kiri tetap, lebar lajur kanan adaptif_Tutorial asas

WBOY
WBOYasal
2016-05-16 12:07:151133semak imbas

Dalam aplikasi praktikal, kadangkala perlu mempunyai lebar tetap lajur kiri dan lajur kanan untuk menyesuaikan secara automatik mengikut saiz tetingkap penyemak imbas Ia adalah mudah dan boleh dilaksanakan untuk melaksanakan kaedah susun atur dalam CSS untuk menetapkan lebar lajur kiri, seperti dalam contoh di atas, kedua-dua lajur kiri dan kanan menggunakan peratusan untuk melaksanakan penyesuaian lebar, dan kami hanya perlu menetapkan lebar lajur kiri kepada nilai tetap, jangan tetapkan sebarang lebar. nilai untuk lajur kanan, dan lajur kanan tidak terapung Kod adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

#kiri {
warna latar: #E8F5FE;
jidar 1px #A9C9E2; > lebar: 200 piksel; 🎜>
Dengan cara ini, lajur kiri akan menunjukkan lebar 100%, dan lajur kanan akan menyesuaikan mengikut saiz tetingkap penyemak imbas.







Lajur kiri dua lajur dibetulkan dan lebar lajur kanan adalah adaptif - AA25.CN


Lajur kiri - tetap (AA25.CN)
Kenyataan:
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