svg没有在Firefox中显示

Question

我的div1中有一个svg文件。在chrome和edge中一切正常，但在Firefox中，svg文件消失了。我发现如果删除div1（.div1 {float:left}）的浮点数，则在Firefox中显示svg但当然我的设计已关闭。有小费吗？

编辑：我需要浮动：左边所以我的网站布局保持不变。

jsfiddle

Answer 1

通过删除SVG周围的div和img标签并直接在CSS中调用svg，我能够解决它（我认为）。

这是我的小提琴：https://jsfiddle.net/k110grkt/3/

svg {
  float: left;
  width: 700px;
  border-style: solid;
  border-width: 0px 2px 0px 0px;
  border-color: #e8e8e8;
  padding-bottom: 20px;
}