Css 有没有办法将SVG元素的宽度设置为100%？

SVG支持百分比宽度吗？我尝试将宽度设置为100%，但它没有改变。如果没有，我可以做些什么来确保水平线一直延伸到元素上

我有两个用例：

SVG水平线从左侧开始为20px，并100%延伸到父div的边缘。div是灵活的，因此其大小会发生变化。所以，这条线必须增大或缩小才能看起来正确

SVG垂直线从y 0开始，并拉伸其所在容器的高度。容器高度灵活，可增大或减小

横穿的水平线。这在这里的代码段编辑器中似乎不起作用，但在我的网页上显示了一行。也许我遗漏了什么：

---

这工作正常，请将

div悬停以查看操作：


div{
边框：1px实心；
背景：#f8f8；
宽度：25vw；
高度：25vh；
过渡：均为0.3秒；
}
div:悬停{
宽度：75vw；
高度：75vh；
}
svg{
宽度：100%；
身高：100%；
}

我确信我读到百分比大小调整不适用于SVG。这是一个好消息。重要的是SVG需要有一个
viewBox
。