固定定位 flex怎么让左边自适应右边固定？

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=“left”>固定宽度区域</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的宽度。这与绝对定位布局类似，代码如下图所示