放置谷歌广告打破了我的CSS

Question

我有一个右侧布局的页面，如下所示：

http://www.comehike.com/hikes/search_hiking_groups.php?redirect=yes&radius=&postal_code=

在哪里可以看到右侧有2个点：黄色按钮和下面的链接。

我要做的是在该页面上放置一个Google广告。但我这样做的方式打破了页面。这是一个如何弄乱右侧css的例子：

http://www.comehike.com/hikes/search_hikes.php?redirect=yes&radius=&postal_code=

我在做什么来弄乱css？我该如何解决？

谢谢！

Answer 1

尝试将其放入iframe中。这应该将广告封装在自己的小窗口中，该窗口可以有独立的css规则。

Answer 2

您的侧边栏具有固定高度，因此不会展开以包含新内容：

.what_to_do {
    height: 210px;
}

删除它。

Answer 3

侧栏似乎正在使用课程.what_to_do，其中包含规则height:210px

我建议：不要设置固定高度，清除底部元素（如果它们是浮动的），并自然地将它作为height:auto;的默认值。这样可以让侧边栏扩展到其内容。