Css 下拉菜单项显示在右侧而不是下方

我需要帮助我的CSS。我有以下菜单：

.h-menu.menu项.下拉内容a{display:none；}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h-菜单。菜单项a{
显示：块；
浮动：左；
文字装饰：无；
边缘：1米；
}

---

使用CSS位置。将

位置：相对

添加到

。h菜单

和

位置：绝对

添加到

。下拉内容

。并使用CSS Flexbox设置元素的样式，如：

.h-menu {
    display: flex;
    position: relative;
}

.h-menu .menu-item .dropdown-content {
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
}

请看下面的代码片段：

.h-menu.menu项.下拉内容a{display:none；}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h菜单{
显示器：flex；
位置：相对位置；
}
.h-菜单.菜单项.下拉内容{
位置：绝对位置；
最高：100%；
显示器：flex；
弯曲方向：立柱；
}
.h-菜单。菜单项a{
显示：块；
浮动：左；
文字装饰：无；
边缘：1米；
}

---

使用CSS位置。将

位置：相对

添加到

。h菜单

和

位置：绝对

添加到

。下拉内容

。并使用CSS Flexbox设置元素的样式，如：

.h-menu {
    display: flex;
    position: relative;
}

.h-menu .menu-item .dropdown-content {
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
}

请看下面的代码片段：

.h-menu.menu项.下拉内容a{display:none；}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h菜单{
显示器：flex；
位置：相对位置；
}
.h-菜单.菜单项.下拉内容{
位置：绝对位置；
最高：100%；
显示器：flex；
弯曲方向：立柱；
}
.h-菜单。菜单项a{
显示：块；
浮动：左；
文字装饰：无；
边缘：1米；
}

---

这里有另一个选项，使用元素位置

.h菜单{
文本对齐：右对齐；
}
.h-menu.菜单项{
显示：内联块；
位置：相对位置；
}
.h-menu.menu项.下拉内容{
显示：无；
位置：绝对位置；
顶部：40px；左侧：0；
}
.h-menu.menu项.下拉内容a{
显示：块；
}
.h菜单。菜单项：悬停。下拉内容{
显示：块；
}
.h-菜单。菜单项a{
显示：块；
浮动：左；
文字装饰：无；
边缘：1米；
}

---

这里有另一个选项，使用元素位置

.h菜单{
文本对齐：右对齐；
}
.h-menu.菜单项{
显示：内联块；
位置：相对位置；
}
.h-menu.menu项.下拉内容{
显示：无；
位置：绝对位置；
顶部：40px；左侧：0；
}
.h-menu.menu项.下拉内容a{
显示：块；
}
.h菜单。菜单项：悬停。下拉内容{
显示：块；
}
.h-菜单。菜单项a{
显示：块；
浮动：左；
文字装饰：无；
边缘：1米；
}

.h-menu.menu项{
位置：相对位置；
浮动：左；
}
.h-菜单.菜单项.下拉内容{
位置：相对位置；
}
.h-菜单.菜单项.下拉菜单内容a{
显示：无；
}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h-菜单。菜单项a{
文字装饰：无；
边缘：1米；
}

.h-menu.menu项{
位置：相对位置；
浮动：左；
}
.h-菜单.菜单项.下拉内容{
位置：相对位置；
}
.h-菜单.菜单项.下拉菜单内容a{
显示：无；
}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h-菜单。菜单项a{
文字装饰：无；
边缘：1米；
}

---

使主菜单内联块元素。然后移除“a”标签上的浮子。 见下面的例子。 或者只需从a标记中删除float属性并将其放在菜单divs上

.h菜单{
文本对齐：右对齐；
}
.菜单项{
显示：内联块；
垂直对齐：顶部；
边框：1px红色实心；/**为去除毛刺而移除**/
}
.h-menu.menu项.下拉内容a{display:none；}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h-菜单。菜单项a{
显示：块；
/**浮动：左**/
文字装饰：无；
边缘：1米；
}

---

使主菜单内联块元素。然后移除“a”标签上的浮子。 见下面的例子。 或者只需从a标记中删除float属性并将其放在菜单divs上

.h菜单{
文本对齐：右对齐；
}
.菜单项{
显示：内联块；
垂直对齐：顶部；
边框：1px红色实心；/**为去除毛刺而移除**/
}
.h-menu.menu项.下拉内容a{display:none；}
.h菜单。菜单项：悬停。下拉内容a{
显示：块；
}
.h-菜单。菜单项a{
显示：块；
/**浮动：左**/
文本数据