responisive DIV宽度固定宽度的div纯CSS组合
问题描述:
我有两个部分垂直地划分一个网页:responisive DIV宽度固定宽度的div纯CSS组合
- Div1构成:一个具有固定宽度(200像素),包含一个菜单
- Div2的:一个百分比宽度,包含图像
是否有纯粹的CSS缩放Div2的方式,以便它将始终填充缩放时剩下的“空间”?
这里是一个图像来说明这个想法(忽略div之间的边距)。注意左边div保持宽度为200px
,另一个div取得剩余宽度。
我想的是一样的东西:
#div2{
width: 100% - 200px;
}
答
取决于整体设计(如果使用浮点数你可以用利润做)
但对于现代浏览器有也是calc()
函数。
#div2{
width: calc(100% - 200px);
}