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