flex怎么讓左邊自適應右邊固定？沒有JS和浮動，你可以直接用CSS做這個布局。主要代碼如下：#邊欄，#容器{min}-高度：400px/*根據具體情況*/}側邊欄{寬度：210px背景色：#ebb0

flex怎么讓左邊自適應右邊固定？

沒有JS和浮動，你可以直接用CSS做這個布局。主要代碼如下：#邊欄，#容器{min}-高度：400px/*根據具體情況*/}側邊欄{寬度：210px背景色：#ebb058位置：絕對頂部:0 左：0}#容器{邊距-左：2。

如何通過CSS實現一個左邊固定寬度右邊自適應的兩列布局？

請參閱xal821792703（@honoka）的pen absolute two列。應注意以下幾點：設置“定位”父元素div-a絕對位置，并將位置調整為瀏覽器左上角div-a的寬度（因為div-a絕對位置已與文檔流分離，如果不設置為div-a寬度，它會互相重疊）div-c絕對定位并將位置調整到底部最簡單的方法是使用display:table，但它與IE7及以下瀏覽器不兼容，但現在我們可以放棄這些瀏覽器

<style>

HTML，body{height:100%}。方框{顯示：表格寬度：100%}。左，。右{顯示：表格單元格高度：100%}。左{寬度：300px背景：#F00}。右{背景：#ff0}

</style>

<div class=“box”>

<div class=“l(fā)eft”>固定寬度區(qū)域</div>

<div class=“Right”>我的自適應</div>

</div>。左{位置：絕對寬度：300px}

。右{邊距-左：300px}；

原理是通過絕對定位將左、右div分別定位到左右兩側，中間div使用margin屬性保留左、右div的寬度，并將中間div的寬度設置為100%即右，代碼如圖所示

在外層包裝一個div，設置屬性display:flex，并為其中的子元素設置屬性彈性：1，請參見下圖中的代碼

float layout將左div和右div分別浮動到左側和右側，并使用中間的margin屬性保留左div和右div的寬度。這與絕對定位布局類似，代碼如下圖所示