flex 左边固定宽度,右边自适应

Posted fengwenqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex 左边固定宽度,右边自适应相关的知识,希望对你有一定的参考价值。

<div id="flex">
  <div id="left">我在边,定宽</div> <div id="right">我在右边,自适应</div> </div> 
#flex{
  display: flex;
}

#left{
  width: 200px;
}
#right{

background:green;

flex:1

}







以上是关于flex 左边固定宽度,右边自适应的主要内容,如果未能解决你的问题,请参考以下文章

左边的DIV设定了固定的宽度,右边的DIV如何自适应地填满剩下的屏幕宽度?

flex布局左边固定,右边自适应,右边内容超出会影响布局

CSS布局 , 单列宽度固定,另一列自适应。

两个div并排,左边div固定宽度,右边宽度自适应”,至少列出4种。

两栏布局——左侧固定右侧自适应

高度固定,左右宽度300,中间自适应