如何将svg拉伸到100％宽度的父级

Question

我有以下svg三角形：

<svg class="triangle" viewBox="0 0 2 2"><path d="M0,2 h2, v-2 Z"/></svg>

我在svg中添加了一些样式，但是100％的宽度不起作用......

.triangle {
  fill: yellow;
  width: 100%;
}