responisive DIV宽度固定宽度的div纯CSS组合

问题描述:

我有两个部分垂直地划分一个网页:responisive DIV宽度固定宽度的div纯CSS组合

  • Div1构成:一个具有固定宽度(200像素),包含一个菜单
  • Div2的:一个百分比宽度,包含图像

是否有纯粹的CSS缩放Div2的方式,以便它将始终填充缩放时剩下的“空间”?

这里是一个图像来说明这个想法(忽略div之间的边距)。注意左边div保持宽度为200px,另一个div取得剩余宽度。

enter image description here

我想的是一样的东西:

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

取决于整体设计(如果使用浮点数你可以用利润做)

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

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