は、Googleの広告を配置することで、私はこのような右側のレイアウトでページを持っていた私のCSS

Question

壊し黄色のボタンとリンク以下。

私がしようとしているのは、そのページにGoogle広告を配置することです。しかし、私がそれをやっているやり方は、ページを壊す。ここでは、右側のCSSをめちゃくちゃにする方法の例です：

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

私はCSSまで混乱に何をしているのですか？それをどうやって修正することができますか？

ありがとうございました！

Answer 1

あなたのサイドバーには、固定の高さを持っているので、新しいコンテンツを含むように拡張していません：

.what_to_do { 
    height: 210px; 
} 

は、それを削除します。代わりに、一定の高さを設定するのは、それらが浮遊している場合は下の要素をクリアし、それが自然になりましょう：サイドバーは、私が推薦するルールheight:210px

を含むクラス.what_to_doを、使用しているように見えます

Answer 2

代わりにiframeに入れてみてください。それは独立したCSSルールを持つことができる独自の小さなウィンドウで広告をカプセル化する必要があります。

Answer 3

height:auto;の既定値です。これにより、サイドバーの列が内容に展開されます。