Javascript 使用Google responsive add将页脚高度限制为100px

我有一个网站，上面有谷歌地图，我正试图在页脚底部放一个谷歌广告，最终会被驳回。现在，我正在努力保持高度的页脚100像素，一旦我把一个响应广告的感觉广告

我尝试了以下google Adsense api：

     <div class="footer" style="height:100px !important">

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>          
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Anchor Ad -->
<ins class="adsbygoogle example_responsive_1"
     style="display:block"
     data-ad-client="ca-pub-3213091474519287"
     data-ad-slot="6029013039"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div> 

.example__1{宽度：320px；高度：100px；}
@介质（最小宽度：500px）{示例{宽度：468px；高度：60px；}}
@介质（最小宽度：800px）{示例{宽度：728px；高度：90px；}}
（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

---

但它不断地上升，比100px大得多。您可以在此处看到实时代码：

ads脚本似乎有两个功能：

• 它将用

  高度：自动覆盖
  页脚上的内联样式！重要信息

• 它包含添加本身的内联样式

你能做的就是放置

！重要信息

在每次样式声明之后（例如：

。示例{宽度：320px；高度：100px！重要；}
@介质（最小宽度：500px）{.示例{宽度：468px；高度：60px！重要；}
@媒体（最小宽度：800px）{示例{宽度：728px；高度：90px！重要；}}

虽然这确实解决了页脚大小问题，但它创建了一个不同的问题：只在页面中显示添加的内容

100px

toll-这似乎是脚本首先覆盖宿主元素的

height

值的原因

要改善这一点，您可以做的一件事是：

.example_responsive_1 {
  transform: scale(calc(10/28));
  transform-origin: top;
}

---

另一种方法是使页脚的背景透明。

我确实计划使其透明，但我想首先确定广告的大小。我只是尝试在所有行中添加重要内容，如答案的上半部分所述，但这并没有改变任何内容。然后，我尝试在answ的第二部分中添加。示例的代码呃，这使得添加很小，但不是页脚>@searay，你所说的“答案的顶部”肯定会起作用，因为当我在live页面上手动添加时，它会起作用。如果没有实际的帮助，恐怕我无法进一步帮助你。为我（或任何其他人，可能能够提供帮助的人）找到一种方法能够根据你的代码测试他们的潜在解决方案。现在唯一的办法就是建立一个谷歌广告帐户。我不会为了回答一个如此简单的问题而设置一个帐户。此外，在找到解决方案后，没有这个问题将不再相关，这让它有点自私。如果你看看我的页面源代码，我会把重要的标签放在那里，它就不起作用了。我把代码放在原地让你看。也许我遗漏了什么？@searayman，它是

属性：规则！重要；

，而不是

属性：规则；！重要

。当你放分号时，你告诉解析器当前规则结束了。因此

！重要

不适用。它只是简单的入侵盖，因此被忽略。