Question

我目前正尝试使用水平子菜单制作垂直下拉菜单。

但我无法通过父菜单与子菜单结盟。

目前菜单的工作方式如下：

X

X＆GT;

x - x

但我希望它能像这样工作：

X

X＆GT; - x

X

我的代码在jsfiddle中：

我试过各种各样的修正，包括绝对和相对位置，顶部和底部间距。

.dropdown-content ul {
  bottom: 0;
  left: 100%;
}

Answer 1

只需将position:relative提交给.dropdown-content li

即可

.dropdown-content li {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  position:relative;
}