问 有没有办法移除div和SVG之间的空白？

EN

我一直在使用HTML制作一个网站，我一直在尝试删除div和SVG之间的空白。正如您在网站 这里 中所看到的，在较暗的SVG和较轻的div之间有一小块空白。我一直在尝试用很多不同的方法移除它。

我试着把边距和填充在身体和每个元素上更改为0，我试着改变每个元素的高度和宽度，但这改变了元素的大小，不移除空格，我尝试将溢出更改为隐藏的、自动的和可见的，将位置更改为静态的、相对的、粘性的、绝对的，但仍然没有效果，我想不出还有什么可以尝试的。SVG的代码如下：

SVG HTML：

<svg width="100%" height="50px" margin=0 padding=0>
      <rect class="topbar" width="100%" height="70" margin=0 padding=0 style="fill:rgb(86,87,86); display:block" z-index="2" margin=0 padding=0/>
</svg>

SVG CSS：

.topbar {
    position: relative;
    left: 0;
    top: auto;
    z-index: 10;
    overflow: hidden;
  } 

以下是div的代码：

div HTML：

<div class="sidebar" margin=0 padding=0></div>

div：

.sidebar {
    overflow: hidden;
    background-image: url('square.png');
    width: 100px;
    height: 10000000px;
    position: relative;
    z-index: 1;
    left: 0;
    bottom: 0;
  }