什么是导致间距？

Question

我刚刚在我正在开发的网站上更新了Twitter Bootstrap，它在很多地方打破了布局。

其中一个地方让我难过。有问题的页面可以在http://softcircuits.com/client/spacingtest.htm看到。 （这不是原始网站，会产生一些脚本错误，但会显示布局问题。原始网站需要一个帐户。）

在页面的最顶部有一个黑色的20px条形图，其下方有一个图像。但是，图像从顶部放置约22px，在黑条下方留下2px边距。看了一会儿之后，我仍然无法弄清楚这个边缘的来源。我希望图像（和侧面的黑色区域）与黑色条纹齐平。

我正在使用Chrome进行测试。非常感谢任何提示。

Answer 1

黑条本身（.status-outer）的高度为20px，但其包含元素（.navbar-inner）的高度为22px。取下灰色边框并将其修剪一个像素，使其降至20并移除灰线。