如何使水平jquery下拉导航栏100％宽度的页面

Question

这是我现在导航栏的内容： JSBIN

无论窗口是否最小化，我都无法得到它以便导航栏扩展到屏幕的整个宽度。将导航栏宽度（#navbar）设置为100％并不起作用。

Answer 1

以下是我修复它的方法，使用你的代码。

我将背景颜色移动到#navbar，然后将其宽度设置为100％。你几乎已经有了它的工作，你唯一需要做的就是在列表<div style="clear: both;"></div>之后添加一个<li>元素。 （这是浮动元素的问题，你需要添加这样的东西来纠正他们的行为，他们不再影响他们的父元素的尺寸）

你可以做的另一件事就是手动给导航栏一个高度（这里43px看起来很好）。