Html 菜单中的下拉列表没有相应的响应
我有一个汉堡菜单的问题，其中一个选项需要有一个下拉列表，但内容没有相应的响应 下拉列表需要向下推其他内容，但现在它只是重叠 我添加了菜单栏/汉堡菜单的代码，使其处于低位 希望你能帮助我，谢谢 标题{ 背景：e7e7e8； 颜色：EBEBD3； 填充：0.5em0； 位置：相对位置； } 标题：：之后{ 内容：； 明确：两者皆有； 显示：块； } .标志{ 浮动：对； 字号：1rem； 保证金：0； 文本转换：大写； 字号：700； } .标志跨度{ 字体大小：400； } .场地导航{ 位置：绝对位置； 最高：100%； 背景：464655； 剪辑路径：左上角圆圈0px； 过渡：剪辑路径轻松输入输出700ms； /*显示：无*/ } .站点导航打开{ 剪辑路径：左上角圆圈250%； /*显示：块*/ } .现场导航{ 保证金：0； 填充：0； 列表样式：无； } .场地导航李{ 边框底部：1px实心575766； } .站点导航李：最后一个孩子{ 边框底部：无； } .场地导航a{ 颜色：EBEBD3； 显示：块； 填充物：2em 4em 2em 1.5em； 文本转换：大写； 文字装饰：无； } .站点导航a：悬停， .站点导航a：焦点{ 背景：E4B363； 颜色：464655； } .站点导航图标{ 显示：内联块； 字号：1.5em； 右边距：1米； 宽度：1.1米； 文本对齐：右对齐； 颜色：rgba255、255、255、.4； } .菜单切换{ 位置：绝对位置； 填充：15px； 浮动：左； 顶部：5px； 光标：指针； } .菜单切换：悬停{ 光标：指针； } 汉堡包 汉堡包：以前， .汉堡包{ 内容：； 显示：块； 背景：6363； 高度：3倍； 宽度：1.75em； 边界半径：3px； 过渡：所有输入输出均为500ms； } .汉堡包：：以前{ 转化：translateY-6px； } .汉堡包{ 转换：translateY3px； } .打开，汉堡包{ 变换：旋转45度； } .打开.汉堡包：：之前{ 不透明度：0； } .打开.汉堡包：：之后{ 变换：translateY-3px旋转-90度； } .下拉列表{ 位置：相对位置； 显示：内联块； } .下拉治疗{ 显示：无； 背景色：464655； 位置：绝对位置； z指数：1； /*最小宽度：160px*/ 高度：400px； } .下拉式治疗a{ 填充物：2em 4em 2em 1.5em； } .下拉：悬停.下拉处理{ 显示：块； 左边距：100px； } 导航超视距：悬停。下拉其他{ 边缘顶部：300px； } @介质最小宽度：700px{ .菜单切换{ 显示：无； } .场地导航{ 高度：自动； 位置：相对位置； 背景：透明； 浮动：对； 剪辑路径：初始； } .场地导航李{ 显示：内联块； 边界：无； } .场地导航a{ 填充：0； 左边距：3em； } .站点导航a：悬停， .站点导航a：焦点{ 背景：透明； } } 徽标-> 教父 宗特拉皮 坦克费尔特拉皮 巴比佐涅拉皮 尝试删除绝对位置。下拉处理 请尝试仅添加li标签作为ul的直接子项 了解更多有关定位的信息 样品 $'.菜单切换'.单击函数{ $'.site nav'.toggleClass'site-nav-open'，500； $this.toggleClass'open'； }; 身体{ 保证金：0； 填充：0； 宽度：100%； } 标题{ 背景：e7e7e8； 颜色：EBEBD3； 填充：0.5em0； 位置：相对位置； } 标题：：之后{ 内容：； 明确：两者皆有； 显示：块； } .标志{ 浮动：对； 字号：1rem； 保证金：0； 文本转换：大写； 字号：700； } .标志跨度{ 字体大小：400； } .场地导航{ 位置：绝对位置； 最高：100%； 背景：464655； 剪辑路径：左上角圆圈0px； 过渡：剪辑路径轻松输入输出700ms； /*显示：无*/ } .站点导航打开{ 剪辑路径：左上角圆圈250%； /*显示：块*/ } .现场导航{ 保证金：0； 填充：0； 列表样式：无； } .场地导航李{ 边框底部：1px实心575766； } .站点导航李：最后一个孩子{ 边框底部：无； } .场地导航a{ 颜色：EBEBD3； 显示：块； 填充物：2em 4em 2em 1.5em； 文本转换：大写； 文字装饰：无； } .站点导航a：悬停， .站点导航a：焦点{ 背景：E4B363； 颜色：464655； } .站点导航图标{ 显示：内联块； 字号：1.5em； 右边距：1米； 宽度：1.1米； 文本对齐：右对齐； 颜色：RGBA255255.4； } .菜单切换{ 位置：绝对位置； 填充：15px； 浮动：左； 顶部：5px； 光标：指针； } .菜单切换：悬停{ 光标：指针； } 汉堡包 汉堡包：以前， .汉堡包{ 内容：； 显示：块； 背景：6363； 高度：3倍； 宽度：1.75em； 边界半径：3px； 过渡：所有输入输出均为500ms； } .汉堡包 再{ 转化：translateY-6px； } .汉堡包{ 转换：translateY3px； } .打开，汉堡包{ 变换：旋转45度； } .打开.汉堡包：：之前{ 不透明度：0； } .打开.汉堡包：：之后{ 变换：translateY-3px旋转-90度； } .下拉列表{ 位置：相对位置； 显示：内联块； } .下拉治疗{ 显示：无； 背景色：464655； /*背景色：E4B363*/ /*位置：绝对位置； z指数：-20*/ /*最小宽度：160px*/ /*高度：400px*/ } .下拉式治疗a{ //填充物：2em 4em 2em 1.5em； } .下拉：悬停.下拉处理{ 显示：块； 左边距：100px； } 导航超视距：悬停。下拉其他{ 边缘顶部：300px； } @介质最小宽度：700px{ .菜单切换{ 显示：无； } .场地导航{ 高度：自动； 位置：相对位置； 背景：透明； 浮动：对； 剪辑路径：初始； } .场地导航李{ 显示：内联块； 边界：无； } .场地导航a{ 填充：0； 左边距：3em； } .站点导航a：悬停， .站点导航a：焦点{ 背景：透明； } .站点导航图标{ 显示：无； } } Godfornuft.dk 徽标-> 教父Html 菜单中的下拉列表没有相应的响应,html,css,drop-down-menu,media-queries,Html,Css,Drop Down Menu,Media Queries,我有一个汉堡菜单的问题，其中一个选项需要有一个下拉列表，但内容没有相应的响应 下拉列表需要向下推其他内容，但现在它只是重叠 我添加了菜单栏/汉堡菜单的代码，使其处于低位 希望你能帮助我，谢谢 标题{ 背景：e7e7e8； 颜色：EBEBD3； 填充：0.5em0； 位置：相对位置； } 标题：：之后{ 内容：； 明确：两者皆有； 显示：块； } .标志{ 浮动：对； 字号：1rem； 保证金：0； 文本转换：大写； 字号：700； } .标志跨度{ 字体大小：400； } .场地导航{ 位置
您希望使用哪种类型的下拉列表？当您悬停时，它会显示在下方，但在移动悬停中不会显示working@SofieHansen尝试从中的.下拉处理中删除绝对位置css@lalitbhakuni哈哈，是的，现在可以换了，谢谢