SVG图像父元素的高度为什么比图像大？

Question

我有一个内联SVG图像，该图像包裹在绝对定位的div中：

.parent {
  position: absolute;
  background-color: black;
}

.parent > svg {
  width: 100%; height: auto;
}

<div class="parent">
    <svg width="1440" height="36" viewBox="0 0 1440 36" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M1440 0H0V17.778C0 17.778 291.405 57.778 706.982 17.778C1122.56 -22.222 1440 17.778 1440 17.778V0Z" fill="white"></path>
    </svg>
</div>

SVG图像的高度设置为auto，因此我期望.parent元素的高度等于SVG图像的高度。但是，事实并非如此。有什么想法吗？