css设置两个div，一个左侧宽度固定，第二个宽度自适应

三种方法：1、浮动  2、cacl计算  3、flex布局。

<div class="container">

        <div class="left">左边</div><div class="right">右边</div>

</div>

① 浮动

<style>

.left {float: left; width: 200px;} .right {margin-left: 200px;}

</style>

 

② cacl

<style>

.left {float: left; width: 200px;} .right {width: cacl(100% - 200px);float: right}

</style>

 

③flex

<style>

.container {display: flex;} .left {flex: 0 0 200px;} .right {flex: 1;}

</style>