水平菜單欄使用CSS拉伸網頁的寬度

Question

水平菜單欄將自動拉伸到網頁的寬度。這可以通過使用CSS來實現嗎？

剛纔添加以下CSS來引導CSS：

ul.dropdown-menu li { 
    display: inline-block; 
} 

這使得下拉式菜單的水平如何使降菜單舒展頁面的寬度是多少？ 設置寬度：100％不起作用。

參見： http://jsfiddle.net/aBJVs/

Answer 1

.dropdown-menu { 
position: fixed; 
top:40px; 
left: 0; 
width:100%; 
z-index: 1000; 
//etc 
} 
.dropdown-menu li { 
display: inline-block; 
} 

這將使屏幕的左側你的新的div開始，採取了整個瀏覽器的寬度。