html - CSS 菜单子(monad)菜单问题

Question

我正在制作一个非常直接的 CSS 下拉样式菜单，并且我在这样做时遵循了各种在线指南，但是无论出于何种原因，子菜单总是与主菜单的顶部对齐，而不是与LI 它是从中打开的。我一遍又一遍地检查它，并且正在做其他人都在做的 top:0 和 left:100%，所以我无法弄清楚哪里出了问题。任何见解将不胜感激。我从未声称自己是 CSS 大师 :)我做了一个 plunker 来展示我在做什么:https://plnkr.co/edit/NkOAN0b5CVZFQodc5TfK .

Answer 1

li 应该有 position: relative 使其成为子菜单定位的上下文 ( plunk ):

.navigation ul ul li {
  position: relative;
  line-height: 1.5;
  float:none;
  min-width:200px;
}