Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使水平jquery下拉式导航栏达到100%的页面宽度_Jquery_Html - Fatal编程技术网

如何使水平jquery下拉式导航栏达到100%的页面宽度

如何使水平jquery下拉式导航栏达到100%的页面宽度,jquery,html,Jquery,Html,以下是我现在为导航栏准备的内容: 无论窗口是否最小化,我似乎无法将导航栏扩展到屏幕的全宽。将导航栏宽度(#navbar)设置为100%不会起作用 下面是我如何修复它的,我在玩你的代码 我将背景色移到#navbar,然后使其宽度为100%。你几乎让它工作了,你唯一需要做的就是在列表后面放一个元素。(这是浮动元素的问题,您需要添加类似的内容来纠正它们的行为,使它们不再影响其父元素的维度) 你可以做的另一件事就是手动给导航栏一个高度(这里43px看起来不错) 你可以这样做:我把导航栏放在一个容器中,

以下是我现在为导航栏准备的内容:


无论窗口是否最小化,我似乎无法将导航栏扩展到屏幕的全宽。将导航栏宽度(#navbar)设置为100%不会起作用

下面是我如何修复它的,我在玩你的代码

我将背景色移到
#navbar
,然后使其宽度为100%。你几乎让它工作了,你唯一需要做的就是在列表
  • 后面放一个
    元素。(这是浮动元素的问题,您需要添加类似的内容来纠正它们的行为,使它们不再影响其父元素的维度)


    你可以做的另一件事就是手动给导航栏一个高度(这里43px看起来不错)

    你可以这样做:我把导航栏放在一个容器中,这个容器有100%的宽度。