如何防止大型移动横幅320x100 px有时会调整为320x50 px移动版排行榜？

Question

我正在使用自适应广告单元，并且我将广告单元尺寸设置为320x100，但有时会显示320x50广告，而我在广告下面留下了一个丑陋的空间。我尝试将广告单元强制为320x50，但它们一直调整为320x100尺寸。我可以采取哪些措施来阻止广告下的这个空间吗？

使用的代码：

HTML：

<aside class="advertisement">
    <ins class="adsbygoogle horizontal-ad"
        data-ad-client="ca-pub-000000000"
        data-ad-slot="0000000"
        data-ad-format="horizontal">
    </ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</aside>

CSS：

.advertisement {
     display: flex;
     justify-content: center;
     box-sizing: border-box;
     margin: 0;
     overflow: hidden;
}

.horizontal-ad {
    display: block;
    width: 320px;
    height: 100px;
}

Answer 1

在min-height课程上试试.advertisement。请参阅下面的示例

＆＃13;

＆＃13;

.advertisement {
     display: flex;
     justify-content: center;
     box-sizing: border-box;
     margin: 0;
     overflow: hidden;
     background: yellow;
     min-height: 50px;
}

.horizontal-ad {
    display: block;
    width: 320px;
    height: 50px;
    background: #777;
}

＆＃13;

<aside class="advertisement">
    <ins class="adsbygoogle horizontal-ad"
        data-ad-client="ca-pub-000000000"
        data-ad-slot="0000000"
        data-ad-format="horizontal">
    </ins>
</aside>

＆＃13;

＆＃13;

＆＃13;