Html 在IE 10中增加或减少SVG元素的高度在文档中始终保持恒定的空间

Html 在IE 10中增加或减少SVG元素的高度在文档中始终保持恒定的空间,html,internet-explorer,svg,jquery-svg,Html,Internet Explorer,Svg,Jquery Svg,我正在使用html5 svg图形绘制线条。当我增加或减少svg元素的高度时,它会更改svg元素的高度,但也会在svg元素和文档结尾之间保持恒定的空间。这仅在IE浏览器中发生。我用的是IE10 svg元素被放置在div元素中。仅为svg元素设置高度,未为div元素定义高度和宽度属性 起初,我认为使用剪辑是原因,我在删除了所有剪辑后尝试了它,但在IE10中svg元素和文档结尾之间仍然有一个恒定的空间 我附上的图片显示了IE10和Chorme之间的区别,如下所示: 铬: IE10: 有什么方法可以

我正在使用html5 svg图形绘制线条。当我增加或减少svg元素的高度时,它会更改svg元素的高度,但也会在svg元素和文档结尾之间保持恒定的空间。这仅在IE浏览器中发生。我用的是IE10

svg元素被放置在div元素中。仅为svg元素设置高度,未为div元素定义高度和宽度属性

起初,我认为使用剪辑是原因,我在删除了所有剪辑后尝试了它,但在IE10中svg元素和文档结尾之间仍然有一个恒定的空间

我附上的图片显示了IE10和Chorme之间的区别,如下所示:

铬:

IE10:


有什么方法可以避免文档中的额外空间吗?

我可能弄错了,但这看起来像是Chrome,而不是Firefox。@joey是的,它是Chrome浏览器。一些代码可能会有帮助……抱歉,我错误地键入了Firefox而不是Chrome。你有什么关于
:hover
?如果是的话,可能是这样。