SVG填充仅在指定至少2个边时适用

Question

为什么SVG需要填充至少2个区域才能应用任何填充？

例如，给予svg padding-top: 50px将无能为力。但是给它padding-top: 50px; padding-left: 1px将导致应用填充。

请参阅此jsfiddle：http://jsfiddle.net/4aMfZ/

Answer 1

我一点也不清楚padding应该适用于SVG元素。填充是为盒子模型布局而设计的，SVG没有使用或关心它。除了，即它在HTML文档中的位置。如果您想在SVG外部留出空间，请改用margin。