似乎<svg>元素的宽度是根据父级的大小设置的，但忽略了边距：
为什么是这样？在大小调整方面，我怎样才能使<svg>行为与任何其他block元素一样？
小提琴：http: //jsfiddle.net/4p3ww/
问问题
68 次
2 回答
2
只是不要使用<svg>和<img>，就好像它们是块元素一样。它们不是（<img> 元素是块级还是内联级？）。
如果您按照您的示例将您的类包装<svg>成一个，您会得到更符合您期望的结果：http: //jsfiddle.net/gLndw/<div>contained
于 2013-09-23T04:22:27.420 回答
2
某些 SVG 内容没有办法说它想要在边框、填充和边距占据它们的份额后占用任何可用空间（没有办法创建没有内在宽度/高度的 SVG，因为 'width ' 和 'height' 属性默认为 100%）。
https://wiki.mozilla.org/SVG:尺寸
似乎仍然存在关于不同浏览器应该如何呈现这些的争论，所以我会小心。即使有高度/宽度属性和max-widthCSS，它对我来说仍然很奇怪。
于 2013-09-23T02:42:07.210 回答