Css 可切换选项卡上文本和行之间的奇数内部空间-引导

我遇到了一个很难用语言表达的问题。我试图表达出问题所在

在这里，您会注意到：文本

[主页、个人资料、消息、设置]

和 它们的

底边

灰底相距甚远

我注意到，如果我转到代码的这一部分（第31行）并删除

float:left

，问题将得到解决，但是布局的行为将与我预期的不同（两个部分对齐）

---

有人能告诉我为什么会发生这种情况吗？

添加

.nav选项卡{overflow:hidden；}

谢谢。不知道为什么会这样。。。

.user-left{
    width: 196px;
    float: left; /* This is at line 31 on Fiddle */
}