该问题也可能在其他浏览器中出现，我尚未检查。
抱歉，这将需要您一些工作。请多多包涵。
打开Firefox。您需要Firebug扩展程序或其他可以运行单个JS命令的程序。
转到here。对不起所有动漫。
打开Firebug控制台并运行以下命令：CSSdev.enable_tiles()
您现在正在查看基线网格。每个正方形为24x24像素。整个站点的行高均为24px，没有例外。图片，边距，所有内容的大小都是24px的倍数。
向下滚动，直到在侧栏中看到“蓬松标签云”。注意它下面的任何东西都放错了地方；有点太低了。如果您在Firebug DOM树中导航到布局的该部分，然后将鼠标指针悬停在
元素上，您将看到标签云的高度过大。 元素的高度不是24px的倍数；实际上，它只是几个像素太大。 仅包含文本，并且其行高为24px，因此其高度应为24px乘以其内部的文本行数，而不管其内部任何字体的大小。无论如何，这就是我的理解。 最佳答案 这很奇怪，但我没有对此进行检查，但是看起来像这样设置就可以了：
更明确地说：问题在于包裹标签云的所有元素的
这很奇怪，因为
鉴于：
标签云确实继承了line-height：24px规则；
云中任何跨度的字体大小为20px或更小；
解决该问题的唯一方法似乎是为所有跨度赋予相同的字体大小（例如，为所有内容提供16px的字体大小有效）
我可以使用某种修复或丑陋的技巧来设置不同的字体大小和24px的行高吗？
我不知道为什么Kobi删除了他的答案，但实际上可以解决我的问题。一种解决方案是将其转换为列表，将UL和LI放入列表中，将LI浮动到左侧，并为它们设置24px的高度，并留出少量边距以使其水平分开。
@Kobi：请重新添加您的答案，以便我接受
由于我现在已经解决了该问题，因此上述步骤将不再起作用。.rank-1 {
line-height: 1;
}
同样，我只是在玩耍，但是它似乎按照您想要的方式对齐页面。
另一种选择是使用标签float:left并将其固定高度设置为24px。