Css 如何从每个li创建下拉菜单?

Css 如何从每个li创建下拉菜单?,css,Css,我对dropmenu有问题。我从li:YOU和我想从li:VIEW和HELP创建dropmenu,但每个dropmenu都在您的下方。我不知道我该怎么做,因为每个下拉菜单都在你的下方,查看和帮助。我尝试了很多方法,但都失败了。我有一个问题,我想公开我的问题,但展示我必须添加更多细节的信息 *{ 保证金:0; 填充:0; 框大小:边框框; } 身体{ 文本对齐:居中; 背景:#e0; 垫底:200px; } 导航{ 高度:100px; 显示器:flex; 字体大小:15px; 对齐项目:居中;

我对dropmenu有问题。我从li:YOU和我想从li:VIEW和HELP创建dropmenu,但每个dropmenu都在您的下方。我不知道我该怎么做,因为每个下拉菜单都在你的下方,查看和帮助。我尝试了很多方法,但都失败了。我有一个问题,我想公开我的问题,但展示我必须添加更多细节的信息

*{
保证金:0;
填充:0;
框大小:边框框;
}
身体{
文本对齐:居中;
背景:#e0;
垫底:200px;
}
导航{
高度:100px;
显示器:flex;
字体大小:15px;
对齐项目:居中;
证明内容:中心;
文本转换:大写;
背景颜色:蓝色;
宽度:100%;
位置:相对位置;
}
导航ul{
显示器:flex;
}
李国荣{
列表样式:无;
}
海军ulli a{
文字装饰:无;
颜色:黑色;
位置:相对位置;
字母间距:2px;
填充:20px 20px;
利润率:20px0;
字体大小:粗体;
背景颜色:绿色;
}
.辍学,三角{
宽度:0;
身高:0;
位置:绝对位置;
左边框:8px实心透明;
右边框:8px实心透明;
边框底部:8px实心红色;
顶部:-8px;
左:50%;
左边距:-8px;
}
.dropdownContain{
宽度:160px;
位置:绝对位置;
边缘顶部:20px;
左:50%;
左边距:-80px;
}
.辍学{
宽度:160px;
背景颜色:黄色;
位置:相对位置;
不透明度:0;
}
辍学{
文本对齐:居中;
填充:10px0;
显示:块;
}
李博士辍学{
文本对齐:居中;
宽度:160px;
填充:12px 0 10px 0;
边际:0px;
颜色:红色;
}
.辍学李:悬停{
背景#0D74FB;
}
导航ulli a:悬停{
颜色:白色;
}
ul li:悬停a{颜色:白色;}
ul li:hover.dropdownContain{top:65px;}
ul li:悬停。下划线{边框底色:#777;}
ul li:hover.drop{opacity:1;边距顶端:8px;}

    • 计划
    • 画廊
    • 接触
    • f1
    • 计划
    • 服务
    • 接触
    • 画廊

你有很多未关闭/额外的div…我建议你验证你的HTML。在我有未关闭div的地方,我现在验证,一切正常。我看到一个类
dropdownContain1
,但它在css中不存在?这是你的问题吗?我试着在每个li下面处理类dropdownContain dropmenu,但一切都在li:YOU下面,所以我创建了一个类cropdownContain1,这个dropmenu在li:HELP下面,但我不知道这个类样式你需要如何将
position:relative
添加到父
li