Css 具有一个最大宽度列的流体列

我正在尝试制作两列布局，其中：

第1列：最大宽度为200px 第二列：填充剩余空间

我试过几个例子，但没有达到预期的效果

由于第一列的宽度不是固定的，所以将其绝对定位并在第二列中添加一个左边距会留下空的间距

有人能帮我吗？

你可以看看现代浏览器已经很好地支持的浏览器

快速概述：
更详细的信息：

或者，如果您的用例非常简单，您可以在CSS中使用

calc

函数。例如：

#first {
    width: 200px;
}

#second {
    width: calc(100% - 200px);
}

---

您可以使用Flexbox

.content{
显示器：flex；
最小高度：100vh；
}
.col:n个孩子（1）{
最大宽度：200px；
背景：浅蓝色；
}
.col:n个孩子（2）{
弹性：1；
背景：浅绿色；
}

第1列
第1列是一位杰出人物。办公照明必需品。这是一个很好的例子，它是一个非常好的例子，它是一个非常好的例子。
Col 2

您能用迄今为止尝试过的代码创建一个JSFIDLE吗？