通过设置css的代码，来使得布局变成左边固定，右边100%

<style>
#flex{
display: flex;
}

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

#left{
width: 200px;
}
#right{
background:green;
/*flex:1*/
/*等价于*/
flex-grow: 1;
}
</style>

body的设置

<body>
<div id="flex">
<div id="left">
我在左边,width: 200px;
</div>
<div id="right">我在右边，自适应</div>
</div>
</body>
</html>

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄