CSS レイアウト ２カラムがうまくいかない？

横並びメニューの区切り線を隣接セレクタを使ってスマートに実装する方法 - ウェブ企画ラボ

思ってる以上にmargin,paddingとかは足し算されないらしい！

共通部分は相殺されます。

枠組みつけるときに参考にしたサイト

【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30

以下イメージ

paddingとかmarginは自分の縁からどれくらい内側に空欄を作るかってこと

■■みたいに間をつくりたい場合は

sidebarの部分をwidthで作った後その中でmargin-right:10pxとかすると開けられた。

この辺の解決を詳しくしたかったら３カラムをやってみるのがいいかも