<svg>親のサイズに基づいて要素の幅が設定されているようですが、マージンは無視されます。

どうしてこれなの?また、サイズ変更に関して<svg>、他の要素と同じように動作させるにはどうすればよいですか?block
<svg>親のサイズに基づいて要素の幅が設定されているようですが、マージンは無視されます。

どうしてこれなの?また、サイズ変更に関して<svg>、他の要素と同じように動作させるにはどうすればよいですか?block
ブロック要素であるかのように<svg>andを使用しないでください。<img>そうではありません ( Is <img> element block level or inline level? )。
例に従ってクラスでラップする<svg>と<div>、contained期待どおりの結果が得られます: http://jsfiddle.net/gLndw/
一部の SVG コンテンツでは、境界線、パディング、およびマージンが分担された後に利用可能なスペースをすべて占有したいと言う方法はありません ('幅' および 'height' 属性のデフォルトは 100% です)。
https://wiki.mozilla.org/SVG:サイジング
さまざまなブラウザがこれらをどのようにレンダリングするかについてはまだ議論があるようですので、注意してください. 高さ/幅の属性とmax-widthCSSを使用しても、私にとってはかなり奇妙に見えました.