水平菜单栏使用CSS拉伸网页的宽度

Question

水平菜单栏，它将自动拉伸到网页的宽度。如何使用css实现这一目标？

刚刚添加了以下css来引导CSS：

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

这使得drop-menu水平如何使drop菜单拉伸页面的宽度？ 设置宽度：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从屏幕左侧开始并占据整个浏览器宽度。