CSS-左边定宽，右边自适应布局方案

1.左边设置左浮动，右边宽度设置为100%.left{
float: left;
}
.right{
width: 100%;
}
2.左边设置左浮动，右边设置margin-left

.left{
float: left;
}
.right{
margin-left: 200px;
}3.左边设置左浮动，右边设置右浮动+calc
.left{
float: left;
}
.right{
width: calc(100vw - 200px);//或者为：width: calc(100% - 200px);

float: left;
}注：100vw=viewport width； 100vh=viewport height
4.父容器设置display：flex，右边设置flex：1

.parent{
display: flex;
}
.right{
flex: 1;
}注：父容器设为弹性盒子，子元素通过设置flex的数值来控制所占空间的比例。