CSS：下拉菜单的间距问题

我做了一个下拉菜单：http://jsfiddle.net/QPxVe/ http://jsfiddle.net/QPxVe/由于某种原因，jsFiddle 正在改变 jsFiddle 之外不存在的对齐方式 - 这不是问题。

我似乎在项目之间有差距，但我不明白为什么要添加它。

Fiddle 有不同的颜色和字体，但除此之外，一切都是相同的。下图中的箭头指出了问题 - 对于所有 div 来说都是如此。如果我将边距设置为 -4px 对于主 .dropdown 类，它是固定的，但我不确定为什么空间首先出现......

这是因为周围有空格（例如换行符）display:inline-block元素被渲染为空间。解决方案之一是将父元素的字体大小设置为零。

See http://jsfiddle.net/Kb7Fp/ http://jsfiddle.net/Kb7Fp/添加以下规则：

BODY > DIV {font-size: 0; }