css - 绝对 div 宽度 90% - xpx

Question

我有 2 个绝对 div。

left: 10%;
position: absolute;
width: x px;
z-index: 1;
margin-left: -540px;

和

left: 10%;
z-index: 0;
width: <some big number>px;
position: absolute;
margin-left: -199px;

div A 在 div B 之上，是网站的标志。

div B 在 div A 之下，作为一个无限的背景（一些很大的数字）。

使用该解决方案，我可以沿着一些大数字大小的背景水平滚动。

我需要这样的东西：

left: 10%;
z-index: 0;
width: 90% + 199px;
position: absolute;
margin-left: -199px;

有没有人有这个问题的解决方案？

谢谢！

Answer 1

如果您可以calc()使用 CSS3，则可以使用。

就像是：

width: calc(90% + 199px)

检查caniuse是否支持浏览器以及是否需要供应商前缀。