放置Google廣告會打斷我的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;的默認值height:auto; 。 這使側欄欄擴展到其內容。