jQuery / Javascript：使外部div高度不变并且内部div高度流畅？

Question

所以我正在使用Adsense响应式横幅，我遇到了一个问题。 我有2个div，一个内部，另一个外部，外部div有固定值，如160px，内部div具有相同的值，但内部div正在通过其内容扩展，这是响应式的adsense广告。这是html结构的一个例子：

File > Project Structure > Modules > (Pick your Module) > Sources

我需要的是使用jQuery或任何其他javascript库，使外部div的高度不可扩展（可能根据CSS响应布局），但内部div应该是根据外部div的高度。

以下是发生的事情：

完整代码

jQuery + HTML：

<div style="display:block; height:160px; width:100%">
  <div>ADSENSE RESPONSIVE (Comes as inline-block)</div>
</div>

CSS

    <div id="adsenselisting">
    <div id="adsenselistingadvert">



    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Responsive Adsense In Listing -->
    <ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
    data-ad-slot="64XXXXXXXX"
    data-ad-format="auto"></ins>
    <script>
    jQuery(document).ready(function($){(adsbygoogle = window.adsbygoogle || []).push({})});
    </script>



    </div>
    </div>

一切正常，我只想让高度不可扩展。