css布局左边固定右边自适应 css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度？

css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度？

它可以用很多方法实现，

最简单的方法是使用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}

请自己试试

css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度？

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

没有JS或浮动，您可以直接使用CSS来完成此布局。主要代码如下：#边栏，#容器{min}-高度：400px/*根据具体情况*/}侧边栏{宽度：210px背景色：#ebb058位置：绝对顶部:0 左：0}#容器{边距-左：2。

css布局左边固定右边自适应 html布局左右两栏 css设置透明度的两种方法

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。