我有一个位于 div 中的 Raphael.js SVG 元素。有时——当页面加载时，或者当 jquery-ui-draggable 被拖动到主 svg 节点上时——整个 SVG 元素(超过？)几乎在页面下方流动。也就是说，如果它从 0,0 开始并且高度为 500px，它会突然跳到 0,500，但并非总是如此。我试过设置 position:relative 但这似乎并没有解决它。实际上，调整位置:在 Chrome 调试器中使其“返回”，但通过页面加载将其保留在那里并不能永久解决问题。它可能发生在所有页面加载的一半。
任何人都知道可能是什么原因造成的，或者至少是一种让它卡在顶部的方法？我对 CSS 很无知。
抱歉没有例子；它是我目前无法共享的大型设置的一部分。我希望有人有预感。
最佳答案
你能在生成的源代码发生时检查它吗(我使用 Web Developer 工具，那里有一个选项可以查看生成的源代码——我确信 Chrome 中有类似的东西)看看是否没有在它之前插入的元素(或者程序逻辑中的某些内容导致 Canvas 被复制)。我曾经对 Raphael 有过一些非常奇怪的行为，我发现它与我无意中在页面上两次加载相同的脚本有关。
我总是建议在 CSS 中也使用绝对定位，但这听起来并不能解决根本问题。
祝你好运，希望有所帮助。
关于css - Raphael SVG 元素有时会溢出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17851460/