Php 导航栏下拉菜单不显示';不出现

Php 导航栏下拉菜单不显示';不出现,php,html,css,Php,Html,Css,在我的网站中,我创建了一个NavBar文件,我将它与php一起包含在我想要的每个其他php文件中。现在,我的navbar文件中有一个下拉列表: .dropdown.dropbtn{ 字体大小:16px; 边界:无; 大纲:无; 颜色:白色; 填充:14px 16px; 背景色:继承; 字体家族:继承; 保证金:0; 光标:指针; } .下拉内容{ 显示:无; 位置:绝对位置; 背景色:白色; 最小宽度:160px; 盒影:白色; z指数:1; 光标:指针; } .下拉按钮{ 边界:无; 填充:

在我的网站中,我创建了一个NavBar文件,我将它与php一起包含在我想要的每个其他php文件中。现在,我的navbar文件中有一个下拉列表:

.dropdown.dropbtn{
字体大小:16px;
边界:无;
大纲:无;
颜色:白色;
填充:14px 16px;
背景色:继承;
字体家族:继承;
保证金:0;
光标:指针;
}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:白色;
最小宽度:160px;
盒影:白色;
z指数:1;
光标:指针;
}
.下拉按钮{
边界:无;
填充:6px 12px;
文字装饰:无;
显示:内联块;
光标:指针;
背景色:白色;
颜色:黑色;
}
.下拉列表{
位置:相对位置;
显示:内联块;
}
.下拉内容{
显示:无;
位置:绝对位置;
右:0;
背景色:白色;
最小宽度:160px;
盒影:白色;
z指数:1;
光标:指针;
}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
.下拉:悬停.下拉内容{
显示:块;
}

//……其他代码//

第一种方法:覆盖
溢出:隐藏
.w3条的
通过
溢出:可见

第二种方法:将
位置:relative
。下拉式
类更改为
位置:static
,并将
包装到另一个div中,并将
位置:relative
添加到该div中

他们两个都会工作。选择适合你的东西。

.dropbtn{
背景色:透明;
颜色:#fff;
填充:16px;
字体大小:16px;
边界:无;
}
.下拉列表{
位置:相对位置;
显示:内联块;
}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#f1f1;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
.酒吧{
背景:黑色;
颜色:#fff;
}
.下拉内容a:悬停{背景色:#ddd;}
.dropdown:hover.dropdown内容{display:block;}
.dropdown:hover.dropbtn{背景色:透明;}

//……其他代码//

删除
溢出:隐藏
上.w3条