SVG Text和Rect位置

Question

我有这段代码：

<g pointer-events="default">
    <g>
        <g x="0" y="0" width="145" height="47" regroup="false">
            <text x="0" y="0">
                <tspan x="0" y="0">some text</tspan>
            </text>
        </g>
        <g x="0" y="0" width="80" height="60" regroup="false">
            <rect x="0" y="0" width="80" height="60" fill="white" />
        </g>
    </g>
</g>

有一个css规则box-sizing: border-box;适用于所有元素。

它产生了：

网格来自第一个<g>的滑动元素。

我不明白为什么text元素和rect不会显示在同一个y。 有没有人有任何想法？