Css SVG在ie11中没有高度

我在使用svg时遇到了一些问题，svg的高度不会影响父容器，这会导致其他元素出现一些奇怪的位置

这是一本书。如果你在ie11中打开它，你可以看到圆圈现在延伸到灰盒之外，而不是像在chrome中那样使灰盒变大

我曾尝试将其添加到svg中，正如在另一个问题上所建议的那样：

preserveSpectratio=“xMinYMin-slice”

但没有任何区别

我也尝试过用不同的方式设置宽度和高度，但仍然没有任何效果

*{
框大小：边框框；
}
身体{
背景：#fff；
}
.行--flex{
背景：#dedede；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit柔性包装：包装；
-ms-flex-wrap:wrap；
柔性包装：包装；
-webkit柔性方向：行；
-ms柔性方向：行；
弯曲方向：行；
}
.col--6-12{
宽度：50%；
}
.选择块{
右边填充：45px；
左侧填充：45px；
}
.selector block.col--flex col{
证明内容：中心；
}
.选择器块.col--flex col>*{
弹性：0；
}
.选择器块.列--6-12:类型的第一个{
右边填充：45px；
}
.选择器块.列--6-12:类型的最后一个{
左侧填充：45px；
}
.选择器-块图标{
位置：相对位置；
最大宽度：575px；
保证金：0自动；
文本对齐：居中；
}
.选择器-块标题{
位置：绝对位置；
指针事件：无；
转化：translateX（-50%）；
}
.selector-block_uu标题--连接{
最高：30%；
左：33%；
}
.selector-block_uu标题--学习{
最高：56%；
左：72%；
}
.selector-block_uu标题--连接{
最高：76%；
左：28%；
}
.selector-block_uutitle.open{
颜色：#fff；
}
.selector-block\u文本{
显示：无；
}
.selector-block__文本--mia{
显示：块；
}
.选择器图标{
最大宽度：575px；
宽度：100%；
}
.选择器图标{
显示：块；
光标：指针；
}
.selector图标--connect.selector-icon\uuuu img{
填充：#e0b83b；
}
.selector图标--学习.selector-icon\uuuu img{
填充：#51bab4；
}
.selector图标--join.selector-icon\uuuu img{
填充物：6e5bb2；
}
.selector图标--已选定.selector圆圈{
不透明度：1；
}
.selector图标--已选择.selector-icon\uuuu img{
填充：#fff；
}
.选择圈{
不透明度：0.3；
过渡：全部400ms；
}
.选择圆-连接{
底部：0；
右：48%；
}
.selector circle--连接.selector-circle\uuu img{
填充：#e0b83b；
}
.选择圈-学习{
最高：50%；
左：48%；
转化：translateY（-50%）；
}
.selector circle--学习.selector-circle\uu img{
填充：#51bab4；
}
.选择器圆-连接{
排名：0；
右：48%；
}
.selector圆--join.selector-circle\uu img{
填充物：6e5bb2；
}

加入

学习

连接

我的同僚们，我的同僚们，我的同僚们。例如，他在设备、设备和设备上的工作，以及对海洋的定义。没有人会向你致敬，没有人会对你下定义。我必须承认，这是欧盟的要求。这是一个主要的抄写员，他的名言很难理解。没有专业人士推荐的Alii molestiae

因此，如果没有明确设置高度，ie11将以150px的高度渲染所有SVG

---

我通过计算高度与宽度的比率，然后使用jquery获得页面加载时svg的宽度，然后应用计算来设置显式高度，从而解决了这个问题。

您不清楚您希望看到什么……svg元素，如路径或矩形等。。。未使用css定位。。。SVG（可缩放矢量图形）相对于viewBox属性中定义的坐标进行定位。。。。css flex规则不适用……例如。。。。在小提琴中，如果您调整预览窗口的大小，您可以看到svg将根据需要放大或缩小，以填充可用的宽度。它的高度也会发生变化，并影响父灰盒的高度（这就是我想要的）。但是，在IE11中，svg的高度不会自动缩放，而是保持设置为150px（浏览器默认值），因为我没有设置明确的高度。这意味着svg中的路径延伸到灰盒之外，而不是使灰盒变大。