Html 由于广告刷新而停止内容跳转

我每30秒更新一次侧边栏上的广告。侧边栏内容正在跳跃-请查看视频-

我们不同的广告单元尺寸为-250250300250336*280

<style>
.aspect-ratio-box::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 591.44px / 1127.34px * 100%;
}
.aspect-ratio-box::after { 
  content: "";
  display: table;
  clear: both;
}
</style>
<div class="aspect-ratio-box">
 

<div style="border:1px solid black;width: 300px;">
<center><div id='xxxxxxxxxxx'>
  <script>
    googletag.cmd.push(function() { googletag.display('xxxxxxxxxxx'); });
  </script>
  </div></center>
<br/>

<center><div id='xxxxxxxxxxx'>
  <script>
    googletag.cmd.push(function() { googletag.display('xxxxxxxxxxx'); });
  </script>
  </div></center>
</div>
  </div>

.纵横比框：：之前{
内容：“；
宽度：1px；
左边距：-1px；
浮动：左；
身高：0；
垫面：591.44px/1127.34px*100%；
}
.纵横比框：：在{
内容：“；
显示：表格；
明确：两者皆有；
}
googletag.cmd.push（函数（）{googletag.display（'xxxxxxxxxx'）；}）；


googletag.cmd.push（函数（）{googletag.display（'xxxxxxxxxx'）；}）；

有没有办法解决这个问题

所以侧边栏内容不会跳跃

---

问题URL是-

您是否尝试在包含广告的元素上使用

height

CSS属性？我已经添加了height元素，但每次更改广告的height值时都会更改。您是否尝试在包含广告的元素上使用

height

CSS属性？我已经添加了height元素，但是每次改变广告高度值都会改变。