如何使用CSS直观地识别SVG的viewbox？

我愿意直观地识别SVG的viewbox，以避免任何元素从中溢出

这是我觉得在CSS中最直观的方式：

我期望元素的行为与其他元素相同；i、 e.我原本希望在我的元素周围有一个20像素宽的蓝色笔划，就像我的元素一样，但我的期望显然过于乐观了

我希望与CSS直接交互，也就是说，无需通过编程方式创建具有viewbox坐标和位置的元素

感谢您的帮助。

对于根svg，您可以简单地使用常规CSS样式，而不是笔划等：

改变

svg{
    stroke:blue;
    stroke-width:20px;
}

到

svg{
    stroke:blue;
    stroke-width:20px;
}

svg{
    border:20px solid blue;
}