實現左側寬度固定，右側寬度自適應的布局有很多，這裡介紹幾種方式：方式一：左側盒子寬度設定為100畫素，並且設定為左浮動，右側的盒子不設定寬度，只是設定個margin-left值就可以了，**如下：
左側右側
但是以上辦法，如果設定為右側，固定左側自適應的布局是不可以的，如果想實現這樣的布局可以設定把兩個盒子位置顛倒一下，然後設定右邊的盒子往右浮動，左邊的盒子設定margin-right即可。
右側左側
左側右側
左側右側
左側固定寬度，右側自適應寬度的CSS布局
第一種方法 關於這個布局，作者是這樣說明的 left和right都貼住左側。設定left在right上面 z index 在right內加個放內容的層 content 設定content距離right的左側為200px，即剛巧等於left的寬度。這個布局有乙個缺點就是，如果我設定了foot的div，...
左側固定 右側自適應
左側浮動，右側margin left值為左側寬即可。由於左側浮動，左側盒子脫標，右側仍在標準文件流，右側盒子寬度是剩下的寬度，效果為右側自適應。右側內容可居中，常規用法即可。需注意的是左側浮動，右側不能繼續浮動。如果兩邊盒子都浮動，由於右側盒子寬度不固定，預設為內容撐開寬度。若浮動，極有可能在第二排...
CSS 實現兩欄布局，左側固定寬度，右側自適應
1 flex 實現 doctype html 實現兩欄布局 title html,body content left right content div style head content left 這是第乙個div div right 這是第二個div div div body html 2 f...