Html 我需要删除svg上的这一行

我正在用html绘制svg，当我绘制这个时，我得到了那条线

我不想要它，我如何解决它，这是我的代码

html

---

在这条线是另一个俯冲之后，它就像svg和另一个俯冲之间的空间，我在illustrator中打开了它，这条线实际上是艺术板的边缘。我调整了艺术板的大小并重新导出了代码。我希望这有帮助。不幸的是，它确实塞进了一些额外的信息

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1440 150" style="enable-background:new 0 0 1440 150;" xml:space="preserve">
<style type="text/css">
    .st0{fill:none;}
    .st1{fill:#F2F2F2;}
</style>
<path class="st0" d="z"/>
<path class="st1" d="M0,150V60c288,16.7,552,5,792-35s456-30,648,30v95H0z"/>
<path class="st0" d="z"/>
</svg>

.st0{fill:none；}
.st1{fill:#f2f2；}

那条线不是SVG形状的一部分-形状的高度是30px，但viewbox的高度只有20px-你只需要将

viewbox=“0 0 100 20”

更改为

viewbox=“0 0 100 30”

，这样整个形状就在你的视口中了。

不能使用它，它是同一条线，就像div之间的一个空格，我无法删除它