Chromeでメインコンテンツとサイドバーの高さがずれる

Question

WordpressでXeoryというテンプレートを使用し2カラムのホームページを作り始めました。
Safariで表示を確認したら問題なかったのですが、Google Chromeで確認をするとメインコンテンツ（左）とサイドバー（右）の高さがずれてしまいます。

追加のCSSを削除してみたり色々試行錯誤してみたのですが原因がわかりません。

分かる方がおられましたらご教授お願い致します。

PS：パソコンはMacを使用しており、Google Chromeのバージョンは最新のものです。

Answer 1

ここに当たってるbeforeでずれてますね

<div class="wrap clearfix">

何の為にあるのかまでは確認できてませんが、これを消すとずれはなおりました

.wrap:before {
  display: inline-table;
}

.clearfix:before {
  display: inline-table;
}

Comments

[kazukiti]

clearfixに使ってるのですかね？
消しても問題なさそうだけどちょっと予想できないですね。。

[Khy]

ご回答ありがとうございます！ご指摘の通り消したら直りました！
その部分は元のテーマに書いてあったものですが、消してもし今後不具合が出てきたらその時にまた
考えたいと思います。
ありがとうございました！