html中svg的最小高度

我发现低（高度<16px）SVG以奇怪的垂直偏移放置在HTML中（在浏览器中的行为类似但不完全相同）。上的前两个示例演示了这种情况：

错误-带偏移的行：

<div style="height: 1px; width: 100%;">
    <svg width="100%" height="1px">
        <line x1="0" y1="0" x2="100%" y2="0" stroke="rgb(255,0,0)" stroke-width="1"/>
    </svg>
</div>

vs.良好-无偏移线（边框下方1px）：

有人知道这方面的真实解释（例如基于规格的解释）吗？我希望能够有1px高（线）SVG正确放置。有没有办法百分之百确定

谢谢大家的提示

约翰

修正…；）

取消内联元素的默认边距

<div style="height: 1px; width: 100%;">
    <svg width="100%" height="16px">
        <line x1="0" y1="0" x2="100%" y2="0" stroke="rgb(255,0,0)" stroke-width="1"/>
    </svg>
</div>

svg{display:block;}