在Firefox中浮动时，SVG IMG的尺寸为零

Question

对于Firefox的IMG标签中使用的SVG，我有些疑惑。

先使用Codepen：

Codepen 1使用SVG，在Firefox（版本26）中不起作用。Codepen 2使用JPG并在Firefox中正常工作。两者之间没有其他区别。它们都可以在Chrome，Safari和IE 10中正常工作。

Firefox中的检查器显示SVG的高度和宽度为0。如果我从包含IMG标签的H1移除float：left，则SVG可以正常显示，但是我没有找到其他方法来使SVG显示器无法显示，因为我无法弄清楚为什么图像首先要具有0维。

这只是一些晦涩的Firefox错误，还是我实际上在做错什么？

Answer 1

本文将帮助您了解为什么它不起作用

有一些重要的事情要注意（从W3规范中引用）：

如果您未设置x或y属性，则将它们设置为0。

如果您未设置height或width属性，则将它们设置为0。具有height或width属性0将禁用图像渲染。