css - 使内联 SVG 适合其内容

Question

当您需要使一个 div 尽可能小而对其子级足够大时，您可以将其设置为display: inline-blockor position: absolute。

这不适用于<svg>. 在这个例子中：

<svg style="display: inline-block">
  <path d="whatever" />
</svg>

如果path仅占用 20x20，则svg元素仍将占用 300x150（或浏览器默认值）。

你怎么能达到同样的结果？