フロート状態のネガティブマージン

inner

A
B

ボックスAとBはそれぞれwidth:300pxとmargin-right:10pxそしてborder-width:5pxとなっており、それぞれのボックスの実質の幅は320pxです。従ってwrapperの幅は640px必要になります。

ここでボックスAとB間のマージンだけを10pxとした場合は全体のwrapperの幅は630pxで済みます。innnerにマイナスマージンをかけることでこれが実現できます。

これはボックスBの右マージン10pxと親要素のinnerのマイナスマージン-10pxが相殺したためです。必ずinnerを入れることがポイントです。