问为什么外部SVG超出了父SVG视图框的范围？

EN

我正在构建一个web应用程序，它使用SVG来定位和显示特定的元素。其目的是允许对外部链接的SVG图像进行缩放和摇摄/扫描。在Opera、Firefox和Chrome (都是最新的气体)上，一切都如预期的那样工作。在IE和Edge (也是最新的GAs)上，当我向上缩放时，图像超出了父SVG的范围。

我尝试过各种选项，包括显式地将CSS溢出设置为隐藏的，以及在外部SVG和我的内联SVG中调整viewBox设置。

我隔离了所有相关的HTML、CSS和SVG数据，并包含在这里托管的一个示例中：https://svgexample.azurewebsites.net/

外部SVG在代码中链接。以下内容详细说明了结构：

橙色:身体背景颜色。绿色:我想要显示的内容的容器。Blue:图像的容器(这应该是缩小图像的位置) Red:一个表示外部SVG的矩形。

外部SVG不是我的实际映像，为了简单起见，我包含了一个占位符。效果与矩形和真实图像完全一致。

在Opera、Chrome和Firefox的最新GA版本中，可以看到正确的外观。IE和Edge中不正确的外观。

编辑

我已经将内联元素添加到CodePen https://codepen.io/cahunter/pen/EqYrpP中。当然，外部SVG (包含红色<rect>元素)仍然是外部的，链接以保持与我的需求的一致性。