divで2カラムにすると途中から本分が左に寄る

質問

CSSは詳しくないのでテンプレートを元にしてますが
divで2カラムなっており左にメニュー右に本分
メニューが終わった部分から本分が左に寄って困っています
本分の最初から最後までを0pxのテープルで囲えば途中から左に寄りませんが
重くなるのでテーブルを使わずデザインしたいです
clear: で寄せを解除してる分けでも無いんですよね…
色々調べたり試しましたが分かりません

※ブログシステムを使用せず手作りのWEBサイトです

回答No.1

t_ohta · ベストアンサー

float を使っていると回り込みの処理をするだけなので、メニューが終わった後は、その下に表示されます。
緑の部分と黄色の部分のdivを display:inline-block にしてやれば解決すると思います。

お礼

ありがとうございます。そのやり方で綺麗に横分けできましたが、メニューが下揃えになってしまい上に巨大な空白が出来てしまいましたが、試行錯誤で何とかなりました。