响应div宽度结合固定宽度div纯CSS

Question

我的网页垂直分为两部分：

• Div1：一个宽度固定（200px），包含菜单
• Div2：宽度为百分比的图片

是否有纯粹的CSS缩放Div2的方式，以便它总是填充缩放时留下的“空间”？

这里有一个图像来说明这个想法（忽略div之间的边距）。请注意，左侧div保持其200px宽度，另一个div获取剩余宽度。

我想的是：

#div2{
    width: 100% - 200px;
}

Answer 1

取决于整体设计（如果使用浮动，你可以使用边距）

但是对于现代浏览器，还有calc()函数。

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