css怎么实现右边固定，左边自适应

怎么实现右边固定，左边自适应

1、flex布局

我比较喜欢采用的一种，简单粗暴，但是flex可能存在兼容性问题，如果是手机端就可以放心使用。首先设置display: flex，让2个盒子一行显示，设置右边的固定宽度···px，然后设置左边flex：1，自动填满剩余空间。

2、利用定位+overflow使用****

首先设置右边盒子position：absolute(或者fixed)，由于这种定位形式会脱离标准流，那么设置左边盒子overflow：hidden，就可以达到目的了。