使用具有负坐标的元素调整svg元素的大小

当我创建包含负坐标对象的svg元素时，如jfiddle所示：

在Chrome和IE中，svg元素与可见部分大小相同，而在Firefox中，svg实际上比可见部分大。当我想要获取相对于svg元素的鼠标坐标时，这是一个问题

---

哪个浏览器是正确的？有好的解决方法吗？

如果我在Firefox中从JSFIDLE中删除圆圈，svg的大小不会改变。因此，我不理解您的问题。红色矩形不会改变大小。如果您使用开发工具检查svg元素，框的大小将扩展到左上角。两种浏览器都是正确的，请随时报告Firefox开发工具中的错误，如果它们是这样做的。更新了my fiddle，用一些js更好地说明了我的问题

<div class="row">
    <div class="col-sm-6">
        <div style="display:inline-block; height:100px;"></div>
    </div>
</div>
<div class="row">
    <div class="col-sm-2"></div>
    <div class="col-sm-10">
        <svg class="svg-element" xmlns="http://www.w3.org/2000/svg" width="100" version="1.1" height="60">
            <rect fill-opacity="0" style="fill-opacity: 0;" stroke="none" fill="#000000" ry="0" rx="0" r="0" height="60" width="100" y="0" x="0"></rect>
            <circle cy="-50" cx="-50" style="" stroke="none" fill="#000000" r="10"></circle>
        </svg>
    </div>
</div>