flex实现左边宽度自适应右边宽度固定

<div id="flex">
  <div id="left">我在左边，自适应布局</div>
  <div id="right">我在右边，定宽</div>
</div>

#flex{
  display: flex;
}

#left{
  flex:1 1 auto;
  background: red;
}

#right{
  background:green;
  width: 200px;
}

方案二：

#left {
   position: absolute;
   width: 100px;
   float: left;
}

#right {
  margin-left: 100px;
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容