私が作成したドロップダウンがあります：http://jsfiddle.net/QPxVe/ 何らかの理由で、jsFiddleがjsFiddleの外部に存在しない配置を変更しています - これは問題ではありません。CSS：ドロップダウンでのスペースの問題
アイテム間にギャップがあるように見えますが、なぜ追加されているのかわかりません。
フィドルは色とフォントが異なりますが、それ以外はすべて同じです。下の画像の矢印は問題を指しています。それはすべての部門にとってそうです。私はメイン.dropdownクラスの -4pxにマージンを設定した場合、それが固定されているが、私はよく分からないスペースが最初の場所で表示されている理由は...
それは（理由は空白です例えば、改行文字）は、display:inline-block要素の周りにスペースとしてレンダリングされます。ソリューションの1つは、親要素のfont-sizeをゼロに設定することです。
次のルールが追加されhttp://jsfiddle.net/Kb7Fp/を参照してください：
BODY > DIV {font-size: 0; }
マラトは空白がある理由を答えを持っています。
表示の理由/必要性に応じて：インラインブロック、別の解決策は、float：leftを追加することです。 .dropdownルールに追加します。このバイオリンのよう
（マラトが言ったように）それが原因で空白です。 http://jsfiddle.net/EfQdX/
：あなたがここに結果を見ることができます<div class="dropdown"><span>Rice cakes</span></div><!--
--><div class="dropdown"><span>Enemies</span>
：
別の解決策は、（私がもっと便利に見つけた）そのような改行をコメントすることです