css实现,左边定宽,右边自适应

html结构

<div class='box'>
    <div class='left'></div>
    <div class='right'></div>
</div>

flex布局实现

.box {display: flex}
.left {width: 300px;}
.right {flex: 1}

左边浮动,右边设置100%

.left {width: 300px;float: left}
.right {width: 100%;}

两边浮动,右边计算宽度

.left {width: 300px;float: left}
.right {width: calc(100vw - 300px);float: right}