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

Question

水平菜单栏会自动拉伸到网页的宽度。使用css如何实现这一点？

刚刚将以下 CSS 添加到引导 CSS：

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

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