在 div 内滚动 svg

Question

我有一个简单的用例。我有一个外部 div 和一个 svg 里面。喜欢，

<div>
  <svg>
     ...
     ...
  </svg>
</div>

我试图让 svg 在 div 内滚动，但没有任何运气:(我尝试设置：

div {
  position: relative;
  width: 100%;
  overflow: scroll;
}

svg {
  width: 100%;
}

但它不起作用，你们能帮我吗？谢谢您的帮助！

Answer 1

通常，当您为 div 设置大小并且内容（在您的情况下是 svg）溢出大小时，就会显示滚动。例如，这是我今天早些时候编写的 css 类，一旦内容开始溢出到 div 之外，它就会有一个滚动条

#outbox_div {
border: 3px solid grey;
border-radius:2px;
height:200px;
width:80%;
overflow-y:scroll;
}