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

Question

我有一个垂直网页 div分为两部分：

• Div1：固定宽度 (200px)，包含一个菜单
• Div2：具有百分比宽度的，包含图像

是否有纯粹的 CSS 缩放 Div2 的方法，以便它始终填充缩放时留下的 "space"？

这里有一张图片来说明这个想法（忽略 div 之间的边距）。注意左边的 div 保持他的 200px 宽度，另一个 div 得到剩余的宽度。

我在想这样的事情：

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

Answer 1

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

但对于现代浏览器，还有 calc() 功能。

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