我有一个非常简单的文件(另见
JSFiddle)：
<style>
html,body,svg,div {
margin: 0;
padding: 0;
border: 0;
}
</style>
<body>
<svg id="foo"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
style="width: 768px; height: 1004px;">
</svg>
</body>
由于某些原因,svg元素的底边距为3像素或4像素(即body元素的高度为1007像素,1008像素甚至1009像素;当使用浏览器调试工具进行检查时,svg边距本身为0).
如果我用一个div替换svg,则虚假的边缘消失. Opera 12,Chrome 33,Firefox 26和Internet Explorer 11的行为是一致的,所以我相信行为是符合设计和标准的,我只是不明白.