Html 内联SVG使父DIV高度大于实际SVG高度，并将其上移

我粘贴了illustrator中的SVG代码，并将其放入一个div中。 div没有高度值。高度由SVG设置

Div以+2.67px显示高度

SVG的高度是30px，就像它应该的那样，但出于某种原因，在顶部有一个偏移，您可以看到 白色细线

---

为什么会这样？这是一个已知的问题吗？

好的，所以我试着测试并发现它与显示值有关。 当我将父DIV更改为

display:flex

时，它的高度完全相同，有时路径仍然覆盖实际的和标记，但我猜这是因为形状和像素渲染