Internet explorer SVG在Internet Explorer 9中绘制画布外部边界

我正在使用Raphael Javascript库为网页做一些基本的绘图。我只是画了一些从一点向外辐射的线。在Chrome、Firefox和Opera中，这些行取决于SVG画布的大小。这是理想的行为，因为我希望绘制任意长度的光线，但不希望它影响页面的大小。如果我画一个5000px宽的盒子，只有画布中的部分是可见的

然而，Internet Explorer（惊喜）完全忽略了画布的大小和边界，并适应所绘制的任何内容。所以，如果我画一个5000px宽的框，从0，0开始，但是画布是50px乘50px，从20，20开始，你仍然会看到一个0，0的框，它是5000px宽，页面底部会有一个滚动条，你可以从侧面滚动来查看整个内容。我不希望这种情况发生

如何让Internet explorer在这方面表现得像其他浏览器一样？我不希望页面能够滚动以查看拉斐尔绘制的图像的其他部分，我希望根据文档的自然大小剪裁边缘

---

我用这个新闻组的帖子愚蠢地回答了我自己的问题：

只需将其添加到CSS中：

svg { overflow: hidden; }

svg { overflow: hidden; }

（从作者更新中复制，以便将问题标记为“已回答”）

只需将其添加到CSS中：

svg { overflow: hidden; }

svg { overflow: hidden; }

---

我不希望它在溢出中消失，所以我需要两件事<代码>最大宽度和高度

---

注意：使用

width

和

max height

不起作用。

请添加您最后的评论作为答案，并将其标记为已接受，这会将您的问题从未回答列表中移出，我会查看该列表以查找未回答的问题。此问题和解决方案对于IE 11仍然有效。