2012-02-13 9 views

回答

2

定义你的.nav-tabs DIV作为inline-block其边界内包含它正确,就像这样:

.nav-tabs { 
display: inline-block; 
width:100%; 
} 

演示:http://jsfiddle.net/6vPqA/15/show/ 编辑:http://jsfiddle.net/6vPqA/15/

编辑:增加宽度,使菜单更好地适应。

+0

出色答卷。请记住,而不是宣称自己的“左”和“右”的类可以使用白手起家“拉左”和“右拉” – 2012-07-25 10:51:37

+0

你知道这是为什么? – 2012-08-28 19:29:48

+0

@JonathanOng因为块级元素不除非另外指定一个特定的宽度和高度是其范围内包含自己。否则,只要他们的容器允许它们就可以伸展。 '显示:直列block'允许保留其边界和利润中的元素,因此不会填满你看到应用修复之前空的空间。 – 2012-08-28 23:09:02

1

指定的导航类的高度似乎拉内容的侧边栏之间。

喜欢的东西:

.nav {height:50px}