第一種：
利用浮動
布局：a、b兩個盒子 a為左邊盒子 b為右邊盒子
a設定固定寬度 左浮動
b設定左外邊距=a的寬度
flex彈性布局
布局：採用flex布局的元素，稱為flex容器（flex container），簡稱"容器"。
該方法我不太理解 但是確實特別好用
大盒子設定display：flex
a 設定 固定寬度
b設定flex：1
即可實現
運用定位
布局：a、b兩個盒子 a為左邊盒子 b為右邊盒子
a設定固定寬度 絕對定位
b設定左外邊距=a的寬度
calc方法
布局：a、b兩個盒子 a為左邊盒子 b為右邊盒子
a設定固定寬度 左浮動
b設定寬度=calc（100% - a的寬度） 右浮動
即可實現左固定右自適應
CSS布局 左固定右自適應的幾種方法
實現乙個左右布局，左邊固定寬度200px，右邊自適應寬度。html 固定寬度200px 自適應寬度 css fixed autofloat會脫離正常流的規則，右側的塊級元素會自動向父級元素靠攏，這個時候再設定padding left把內容推出來就可以了。然後說一下這個box sizing這個屬性，當...
右欄固定，左欄自適應寬度且先出現的一種實現方案
經過一番終極搜尋，終於找到了滿意的解決方案 看罷，不禁替他拍案叫絕，這個思路真的是非常妙 將乙個div的寬度設為100 然後設定其margin left為負值 比如 200px 這樣就將整個往左移動了一段距離，所以這個div裡邊的內容有一部分是看不到的。不過沒關係，接下來在這個div裡邊再嵌入乙個d...
三行兩列右列固定左列自適應寬度的CSS
dsclub,兀兒 幹部 meta name content 任兀 meta content name keywords title xhml1.0 doc title style type text css id internalstyle body p header maincontent ri...