Html 下拉菜单得到奇怪的位置

以下是我的工具栏的代码：

工具栏{
列表样式类型：无；
高度：90px；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#252525；
盒影：1px 1px 5px#0d0d；
}
.u工具栏{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.ul{
列表样式类型：无；
列表样式：无；
}
李先生{
浮动：左；
}
.工具栏a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字体系列：“Poppins”，无衬线；
}
.工具栏a：悬停{
颜色：#中交；
}
.下载{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.下拉列表{
浮动：左；
溢出：隐藏；
}
.下拉菜单{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.导航栏a:悬停，
.dropdown:悬停.dropbtn{
背景色：红色；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示：块；
}

这就是你要找的东西吗

您的HTML布局有点凌乱，您需要在

ul

li

列表中包含下拉列表和其他项目。我已经在下面修改了你的HTML和CSS

工具栏{
列表样式类型：无；
高度：90px；
保证金：0；
填充：0；
背景色：#252525；
盒影：1px 1px 5px#0d0d；
}
.u工具栏{
显示器：flex；
对齐项目：居中；
身高：100%；
利润率：0.30px；
证明内容：之间的空间；
}
.ul{
列表样式类型：无；
列表样式：无；
}
李先生{
浮动：左；
}
.工具栏a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字体系列：“Poppins”，无衬线；
}
.工具栏a：悬停{
颜色：#中交；
}
.下载{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.下拉列表：悬停{
背景色：红色；
}
.下拉内容{
显示：无；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
弯曲方向：立柱；
填充：0；
位置：绝对位置；
顶部：75px；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示器：flex；
}

这就是你要找的东西吗

您的HTML布局有点凌乱，您需要在

ul

li

列表中包含下拉列表和其他项目。我已经在下面修改了你的HTML和CSS

工具栏{
列表样式类型：无；
高度：90px；
保证金：0；
填充：0；
背景色：#252525；
盒影：1px 1px 5px#0d0d；
}
.u工具栏{
显示器：flex；
对齐项目：居中；
身高：100%；
利润率：0.30px；
证明内容：之间的空间；
}
.ul{
列表样式类型：无；
列表样式：无；
}
李先生{
浮动：左；
}
.工具栏a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字体系列：“Poppins”，无衬线；
}
.工具栏a：悬停{
颜色：#中交；
}
.下载{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.下拉列表：悬停{
背景色：红色；
}
.下拉内容{
显示：无；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
弯曲方向：立柱；
填充：0；
位置：绝对位置；
顶部：75px；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示器：flex；
}

这是由于设置CSS时出错造成的。您可以使用引导模板获得帮助。

---

这是由于设置CSS时出现了一些错误。您可以使用引导模板获得帮助。

---

如果这是您的要求，那么您可以删除position属性。“位置”属性会移动按钮，但下拉值不会基于“位置”属性移动位置

---

如果这是您的要求，那么您可以删除position属性。“位置”属性会移动按钮，但下拉值不会基于“位置”属性移动位置

给你

我会避免使用任何内联CSS，除非您必须这样做，否则随着项目的发展，代码很难维护。在您的情况下，

position:absolute

也不是必需的

工具栏{
列表样式类型：