間距問題，我有我做了一個下拉菜單：http://jsfiddle.net/QPxVe/ 出於某種原因，是的jsfiddle改變這是不的jsfiddle的外部存在的調整 - 這不是問題。CSS：帶有下拉
我似乎有項目之間的差距，我不明白爲什麼它被添加。
小提琴有不同的顏色和字體，但除此之外，每一個都是相同的。下圖中的箭頭指出了問題 - 這就像所有的div一樣。如果我設置了保證金 -4px主.dropdown類，它是固定的，但我不知道爲什麼空間被擺在首位出現......
這是因爲空格（例如換行符）圍繞display:inline-block元素呈現爲空格。其中一個解決方案是將父元素的字體大小設置爲零。
見http://jsfiddle.net/Kb7Fp/其中添加以下規則：
BODY > DIV {font-size: 0; }
薩芬有答案，爲什麼空白是存在的。
根據您的理由/顯示需求：inline-block，另一種解決方案可能是添加float：left;到.dropdown規則。
喜歡上了這琴：http://jsfiddle.net/QPxVe/2/
這是因爲空白（如薩芬說的）。
另一種解決方案（我發現了更多的方便）是評論的換行符這樣的：
<div class="dropdown"><span>Rice cakes</span></div><!--
--><div class="dropdown"><span>Enemies</span>
您可以在這裏看到的結果：http://jsfiddle.net/EfQdX/