Html 图像（.svg）不'；不要延伸到页面的整个宽度

我制作了一个SVG图像，但当我将其添加到页面并将宽度值设置为100%时，它仍然不会延伸到页面的整个宽度，边缘仍然有小间隙

我试图将值更改为100vw，但图像更宽。 当我全屏显示页面时，一切都正常

HTML:

---

我想你用的是Chrome。问题可能会出现在Chrome进程.svg中（如果你想的话，可能会出现bug），因为FF似乎在没有任何边距的情况下正确地显示了它

我找到了这个答案：

---

编辑您的.svg，并将属性

preserveAspectRatio=“none”

添加到

元素中。

我检查了，没有元素设置了边距，并且检查器显示图像已扩展到页面的整个宽度。请共享该页面的整个html代码。必须有某个元素设置了边距或填充。抱歉，现在我明白了-您共享了一个.jpg图像，而不是.svg。也请共享.svg。谢谢。我想我已经找到了问题所在，看看我编辑的答案。

<footer>
    <div class="footer-top-shape">
        <img class="footer-top-shape-img" src="./svgs/footershape26.svg" alt="Footer shape">
    </div>
    <div class="footer-container">
        <div class="footer-content">

footer{
    height: auto;
    width: 100%;
    background-color: #0a2233;
}

.footer-top-shape-img{
    width: 100%;
    height: auto;
}

.footer-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}