inner
ボックスAとBはそれぞれwidth:300pxとmargin-right:10pxそしてborder-width:5pxとなっており、それぞれのボックスの実質の幅は320pxです。従ってwrapperの幅は640px必要になります。
ここでボックスAとB間のマージンだけを10pxとした場合は全体のwrapperの幅は630pxで済みます。innnerにマイナスマージンをかけることでこれが実現できます。
これはボックスBの右マージン10pxと親要素のinnerのマイナスマージン-10pxが相殺したためです。必ずinnerを入れることがポイントです。