<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;
}
一、用CSS实现右边宽度固定，左边自适应 .box{ display:flex; } .left{ w...
方案二：
1. 一行显示，左边固定宽度右边自适应 html代码 css代码 2.一行显示，右边固定宽度左边自适应 html代...
1. 上下左右居中 2. 两栏，左边栏宽度固定100px，右边栏宽度自适应 思路：左边栏宽度固定，设置左浮动，右边...
布局： 高度已知，左边宽度300，右边300，中间宽度自适应布局 浮动、绝对定位、flex、display：tab...
上图是微信 weui 里其中一个布局，使用了 flex。 左边的图片是固定宽度，右边的标题和内容是自适应宽度，当文...
1、左边div宽度动态变化，右边宽度自适应 问题描述：外面的黑色li框是固定宽度，left和right宽度都不定，...
使用使用flex做横向布局时，常常有左边固定宽度，右边自适应占满的需求，这个时候右面元素一般会使用flex:1 属...
两栏布局，要求左边固定，右边自适应。 方法1------浮动 思路：左边容器左浮动，宽度固定，右边元素设置marg...
两栏布局 左侧固定宽度右边自适应 负margin方法： overflow方法: position方法: flex方...
本文标题：flex实现左边宽度自适应右边宽度固定
本文链接：https://www.haomeiwen.com/subject/ygwfextx.html
网友评论