我正在使用 Raphael Javascript 库为网页做一些基本的绘图。我只是在画一些从一点向外辐射的线。在 Chrome、Firefox 和 Opera 中，这些行取决于 SVG 画布的大小。这是所需的行为，因为我想绘制一条光线只要我愿意，但我不希望它影响页面的大小。如果我绘制一个 5000px 宽的框，则只有画布内的部分可见。
但是，Internet Explorer（出人意料）完全忽略了画布的大小和边界，并容纳了所绘制的任何内容。因此，如果我从 0, 0 开始绘制一个 5000px 宽的框，但画布是 50px x 50px 并且从 20, 20 开始，您仍然会在 0, 0 处看到一个 5000px 宽的框，并且页面会有一个滚动条在底部，因此您可以横向滚动以查看整个内容。我不希望这种情况发生。
如何让 Internet Explorer 在这方面表现得像其他浏览器一样？我不希望页面能够滚动以查看 Raphael 绘制的图像的其他部分，我希望边缘被文档的自然大小剪裁。
我用这个新闻组线程愚蠢地回答了我自己的问题：http ://groups.google.com/group/raphaeljs/browse_thread/thread/43c71ec89a6a01ed
只需将其添加到您的 CSS 中：
svg { overflow: hidden; }