目前，我建立一个小网站与Twitter的引导。 我已经创建了一个导航栏和导航栏下面的一些contentent，所以直到现在我的背景是白色的，因为是导航栏的背景，所以一切正常。
不过，今天我改变了我的身体的背景lighblue（只是为了测试），并注意到了导航栏和身体之间的间隙。 所以，我搜索了一些余量我已成立小时，但我couldn't狼狈不堪。
这里是一个的jsfiddle在这里你可以看到白色的差距，我想删除。 http://jsfiddle.net/qwm6ku9x/
一个丑陋的解决方法是设置我给id为“导航内容”发送hardcoced值的元素的高度。 在这个例子中“ width: 100px !important; ”会的工作。
但是我想知道为什么会出现这种差距。
我会非常高兴，如果一些webguru可以解释这种行为给我。
当您使用display: inline-block; 是空白的HTML成为屏幕上的视觉空间，并有一些解决方案，以消除你的情况是空白。 -由大卫·沃尔什
解决方案1：除去display: inline-block; 您的ul标签。 - DEMO 1
ul {
/* display: inline-block; */
}
解决方案2：应用display: block; 您的ul标签。 - DEMO 2
ul {
display: block;
}
方案3：应用vertical-align: middle; 或top或bottom到您的ul标签。 - DEMO 3
ul {
display: inline-block;
vertical-align: middle;
}
欲了解更多的解决方案：
战斗直插块元件之间的空间 -克里斯Coyier
