什么是造成间距？

我刚刚更新了我正在开发的网站上的Twitter Bootstrap，并在多处地方打破了布局。什么是造成间距？

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

有一个黑色的20px栏横跨页面的顶部，在那之下的图像。但是，图像距离顶部约22px，在黑色条的正下方留下2px的边距。看了这一段时间后，我仍然无法弄清楚这个保证金来自哪里。我希望图像（和侧面的黑色区域）在黑色栏上齐平。

我在Chrome中测试。将不胜感激任何提示。

2013-05-20 Jonathan Wood

请阅读[我的网站上的东西不起作用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT）。改为创建一个[简短，自包含，正确（可编译），示例]（http://sscce.org/）（并将其包含在问题的主体中，并链接到现场示例）。 – Quentin

@Quentin：感谢您的评论。如果我能想出一种方法来创建一个简短的，自包含的，正确的示例，以说明我在1000多行标记和代码中的某个未知位置出现的问题，那么我将很乐意这样做。 –

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

来源

2013-05-20 15:33:21 kevingessner

啊，是的，我看到了边界。我认为这需要21px。我仍然不知道1px是从哪里来的。 –

“度量”或“布局”检查器显示来自'.navbar-fixed-top .navbar-inner，.navbar-static-top .navbar-inner {0}的1px底部边框border-width：0 0 1px; }'。看起来如果你只是删除它和背景颜色，你会得到你想要的布局。 – kevingessner

感谢您的关注。我在这上面花了很多时间。上面提到的边界是现货，但仍有一个像素可以解释。我无法弄清楚背景颜色评论。但是，我确实找到了'.navbar-inner：before，.navbar-inner：after {display：table; }'。如果我禁用了这种风格，差距就会消失。仍试图找出原因。 –

什么是造成间距？

回答

相关问题