Question

我有这个菜单http://codepen.io/alexandernst/pen/oxpGYQ（尝试将其插入此处，但结果查看器正在破坏演示......）我想制作第二级和第三级ul元素与第一级ul相同的高度，也从同一位置开始（这是具体的演示top: 0）作为第一个ul元素。

所以，换句话说，我希望所有ul个元素都从row div的tom开始，并且有100％的高度。

请注意，我不知道我会有多少li个元素，因此我无法对每个top元素的ul值进行硬编码为了调整它的top位置。

我想避免使用javascript，但如果没有其他办法，我可以接受JS的答案。

Answer 1

尝试将位置static提供给li元素。然后，当height: 100%设置为ul元素时，它将相对于父ul而不是父li。只要ul元素的位置设置为relative，absolute或fixed。

添加此CSS

#cssmenu ul li {
  position: static !important;
}

#cssmenu ul ul {
  top: 0;
  height: 100%;
  background: #1b9bff;
}