CSS溢出-Y：自动无法在Firefox和Chrome浏览器

Question

我有以下代码

<div id="someDiv" style="float: right; margin-right: -350px; position: relative; overflow-x: hidden; overflow-y: auto;">
<svg class="someSvgClass" width="105">
<g>..</g>
<g>..</g>
...
</svg>
</div>

该div包含另一个高度固定的div。这些“ g”元素是使用JavaScript动态添加的。 所以我期望增加“ g”元素的数量时会有滚动条

在IE11中，当“ g”元素的数量很高时，我可以看到滚动条。 但是对于同样的元素数量，我无法在Firefox和chrome中看到滚动条，请告诉我这里出了什么问题
这是一个样本小提琴

Answer 1

我不是SVG专家，我从未使用过它，但是SVG似乎并不会改变高度。 如果您将高度设置为SVG，则可以使用： http : //jsfiddle.net/u5ymhmht/7/

在您的js中添加线的实际解决方案，将线的高度添加到SVG。

ps对不起，以前的误会。

 svg { height:500px; } #Someid { height: 150px; overflow-x: hidden; overflow-y auto; } 

 <div id="Someid"> <svg width="105"> <g transform="translate(10,5)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,20)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,35)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,50)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,65)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,80)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,95)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,110)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,125)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,140)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,155)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,170)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,185)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> <g transform="translate(10,200)"> <text style="fill: black;" dy=".35em" y="5" x="15">asdsd</text> </g> </svg> </div>