Html 下拉菜单未显示重复使用溢出?
使用Html 下拉菜单未显示重复使用溢出?,html,css,Html,Css,使用溢出后,下拉菜单不显示。我想在div中使用overflow,但它在hover上不起作用 这是我的密码 .dropbtn{ 背景色:#4CAF50; 颜色:白色; 填充:16px; 字体大小:16px; 边界:无; 光标:指针; } .下拉列表{ 位置:相对位置; 显示:内联块; 溢出:滚动; } .下拉内容{ 显示:无; 位置:绝对位置; 背景色:#f9f9f9; 最小宽度:160px; 盒影:0px 8px 16px 0px rgba(0,0,0,0.2); z指数:1; } .下拉内容
溢出
后,下拉菜单不显示。我想在div中使用overflow,但它在hover上不起作用
这是我的密码
.dropbtn{
背景色:#4CAF50;
颜色:白色;
填充:16px;
字体大小:16px;
边界:无;
光标:指针;
}
.下拉列表{
位置:相对位置;
显示:内联块;
溢出:滚动;
}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#f9f9f9;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
.下拉内容a:悬停{背景色:#f1f1}
.下拉:悬停.下拉内容{
显示:块;
}
.dropdown:悬停.dropbtn{
背景色:#3e8e41;
}
下拉列表
要实现这一点,您必须将溢出:滚动到按钮,而不是使下拉内容溢出
试试这个
.dropbtn{
背景色:#4CAF50;
颜色:白色;
填充:16px;
字体大小:16px;
边界:无;
光标:指针;
溢出:滚动;
}
.下拉列表{
位置:相对位置;
显示:内联块;
}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#f9f9f9;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
.下拉内容a:悬停{背景色:#f1f1}
.下拉:悬停.下拉内容{
显示:块;
}
.dropdown:悬停.dropbtn{
背景色:#3e8e41;
}
下拉列表
您想要什么?我不明白当我进入菜单时,下拉菜单不显示检查我的答案我想在中使用溢出。下拉类不。dropb你所附的屏幕截图清楚地显示溢出设置为按钮,而不是下拉内容你是对的,但我想在中使用溢出css。dropdown你能分享你的联系号码吗,然后我告诉你你清楚我的问题吗