css样式问题,overflow有背景图的div

css背景图overflow设置，请问这个css怎么写，我不设置class为bg-img的div高度就显示不出来

<div class="plan-img">
  <div class="bg-img" :style="{ backgroundImage: `url(${bgSrc})`, backgroundRepeat: 'no-repeat' }"></div>
</div>

需求：class为bg-img的div为背景图原始宽高，class为plan-img的div固定宽高为width:500px;height:300px设置overflow

背景图片是没有高度，只能设置高度，或者靠内容来撑。

需要设置高度来把盒子撑开，不然高度为0，就会不显示的。