2012-02-13 70 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}