css - overflow-x:hidden が「境界線」を作成するのはなぜですか?

Question

幅を固定して横にスクロールできないようにしたいラッパー要素があります（モバイル用です）
ラッパーにoverflow-x：hiddenを与えると、上下に奇妙な「境界線」が表示されます.
あなたはここで見ることができます：http://jsfiddle.net/ilyaD/nzGxf/3/
それはなぜですか、どうすればそれらを削除できますか?

==フィドルを更新しました==
オーバーフロー隠しは、ラッパーよりも広い要素を非表示にしますが、スクリーンショットに表示されるフレームと永続的なスクロールバーを備えたある種の内部スクロール要素を作成します

Answer 1

あなたが話しているのが各ボックス間のスペースである場合、クラス「ボックス」はインラインブロックであるため、マークアップの改行は暗黙のスペースとして解釈されます。すべてのインライン ブロック マークアップを 1 行<div></div><div></div>...に配置すると、その間の「スペース」が折りたたまれます。

Answer 2

Jim H.の答えに追加するには、代わりdisplay: block; float: leftにdivではなくdivを使用できdisplay: inline-blockます