【发布时间】：2013-12-18 16:04:30
【问题描述】：
这是一个很好的：jsFiddle
body {
background-color: black;
}
#divResearch {
position: fixed;
top: calc(((100% - 70px) * .05) + 40px);
left: 3%;
width: 94%;
height: calc((100% - 70px) * .75);
background-color: darkgreen;
}
如果您使用 Chrome 31（甚至 IE 11 - 你能相信吗？！）查看上面的小提琴，当您 移动结果窗口调整大小手柄周围。 SVG 被告知要保持其纵横比；根据您调整窗口大小的方式，您可以在宽度或高度上看到多余的绿色。
这在 FF 26 中不起作用。
在 FF 26 中，当您调整宽度时，SVG 高度会不断变大，并且永远不会受到 div 的限制。这是我的FF错误还是糟糕的CSS3？此代码通过了 W3C 验证 (fwiw)。
【问题讨论】：
-
我无法在 Firefox 26.0 上重现您的问题
-
@user2314737 我可以。随着窗口变窄，svg 变得比 div 小，随着窗口变宽，svg 变大并离开 div。
-
@Alexander Kosubek 正确，在发布问题之前，我已经在 2 台不同的机器上进行了测试。