我有一个SVG，正在其中添加异物（HTML div）。我想使div（或异物）可滚动。但是，如果我为异物设置了精确的高度，并且overflow-y: auto在Chrome中有效，但在Safari中不起作用。我的代码如下：
<foreignObject x="400" y="0" width="260" height="554" class="foreignObject">
<div ...></div>
</foreignObject>
然后我有
.foreignObject {
overflow-y: auto;
}
在CSS中。我找不到任何无法在Safari中正常运行的原因。有什么想法吗？
我尝试的另一件事是将height和overflow-y设置为foreignObject内的div。但是，当我这样做时，div的内容会被放大和移位。我的SVG设置了viewBox属性，并且设置了preserveAspectRatio="xMidYMin meet"-是因为这个吗？我该如何解决？