CSS flex 左右两列布局 左侧列宽度自适应 右侧列宽度固定

需要实现的效果如下：

右侧列内容宽度固定（110px），左侧列占满剩余宽度，左侧列宽度自适应。

改变浏览器宽度后，左侧列仍旧自适应，右侧列固定110px。

缩放浏览器百分比后，左侧列仍宽度仍旧自适应，右侧列宽度固定110px。 

实现代码：

父容器设置flex横向布局，父容器中有两个子元素（左侧列、右侧列），左侧列的宽度使用calc动态计算【calc(100% - 11px)】，右侧列宽度固定为110px，这样就实现了本案例效果。