Rumah > hujung hadapan web > tutorial css > Reka letak CSS dengan lebar tetap di sebelah kiri dan lebar penyesuaian di kanan_Pertukaran pengalaman

Reka letak CSS dengan lebar tetap di sebelah kiri dan lebar penyesuaian di kanan_Pertukaran pengalaman

WBOY
Lepaskan: 2016-05-16 12:04:42
asal
1252 orang telah melayarinya

Seorang pakar dalam BI secara khusus membincangkan kaedah susun atur ini, tetapi dia menggunakan lebih banyak penggodaman dan mengelakkan dtd IE6. Dalam penggunaan sebenar, saya mendapati bahawa mengelakkan definisi dtd IE6 akan menyebabkan kotak modal ajax tidak dapat dipusatkan (kawalan VS, kod yang dijana secara automatik, sukar untuk diubah suai). Jadi saya menulis susun atur ringkas dengan dua lajur di sebelah kiri dan kanan Tiada penggodaman digunakan.

kod css: kiri dan kanan dilampirkan di sebelah kiri. Tetapkan kiri di atas kanan (z-index); tambahkan lapisan kandungan (kandungan) di dalam kanan;

Salin kod Kod adalah seperti berikut:

* {margin:0; ; senarai- gaya: tiada; }
.pembungkus {lebar: 100%; 🎜> kanan {lebar:100%;latar belakang:#ccc; kedudukan:absolute;kiri:0}
.kandungan {margin-kiri:200px;latar belakang:#ffc; Kod penuh




Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan
]
Label berkaitan:
css
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan