我使用SVG创建了一个图形并放入一个样式的div中。它看起来很棒。然后，我在div中添加了一个组件，突然间我的标记和样式不太好。如果我取消注释跨度，则svg将获得100％的封闭div的总高度。
<div class="graph">
<!--<span>I'm damaging the layout!</span>-->
<svg id="graph1" width="100%" height="100%" />
</div>
我希望它根据可用的垂直空间动态传播。但不确定如何。我已经尝试过＆＃34; *＆＃34;但那并没有奏效。我试过＆＃34; auto＆＃34;，那里也没有运气。有没有办法获得其余或者我是否需要一起重新考虑这种方法？
如果：
然后我希望svg遍布 a-（b + c + d + e + f + g + h）像素。
另外，我注意到通过使用边框为svg设置样式，它也变得太宽了。那么，是否有可能在同一个摆动中修复它？如果：
然后我希望它的内容遍布 a-（b + c + d + e + f + g）像素。
svg {
margin: 0px;
//border: solid;
}
最好通过造型而不需要JS介入。这是fiddle。