如何基于子SVG内容对齐父div高度

<div class="parent-div">
  <svg>
    <!-- SVG内容 -->
  </svg>
</div>

.parent-div {
  position: relative;
  height: 200px; /* 设置父div的高度 */
}

.parent-div svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.parent-div svg {
  width: 100%;
  height: 100%;
}

<svg preserveAspectRatio="xMidYMid meet">
  <!-- SVG内容 -->
</svg>