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

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title>Lebar tetap 200px di sebelah kiri<style type="text/css"> * {margin:0; padding:0; list-style:none; } .wrapper {width: 100%; } .left {width:200px; background:#fcc; position:absolute; left:0 ;z-index:1 } .right {width:100%; background:#ccc; position:absolute; left:0} .content {margin-left:200px; background:#ffc; } </style> Lebar kanan menyesuaikan diri secara automatik <div class="wrapper"> <div class="left"> </div> <div class="right"> <div class="content"> </div> </div> </div> [Ctrl+A untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan
]