Question

我正在尝试垂直堆叠子菜单，但是，由于某些父样式，我可能无法将其堆叠起来。目标是使子菜单垂直堆叠在第一个链接下面。有什么建议吗？

CSS

nav {
    height: 70px;
    background: transparent;
  }
  nav ul {
    display: inline-block;
    list-style: none;
    height: 70px;
    float:right;
  }
  nav ul li {
    display: inline-block;
    background: transparent;
    float: left;
    padding: 0px 10px;
    padding-top: 23px;
    height: 43px;
    border-top: 4px solid $White;
  }
  nav ul li:first-child {
    border-top: 4px solid $White;
  }

  nav ul li a {
    font-family: 'Lato', serif;
    font-size: 14px;
    color: $TextColor;
    line-height: 122%;
    letter-spacing: 1.5px;
    padding-left: 0;
  }

  nav ul ul {
    display: block;
  }
  nav ul ul li {
    display: block;
  }
  nav ul ul li a {
    display: block;
  }

Answer 1

伙计，你真的需要学习你在做什么。纠正您的代码需要付出相当大的努力。首先，你似乎没有意识到

这一事实

O(log(n))

不仅会影响您的外部nav ul { ... }，还会影响您的内部<ul>。

您使用<ul id="submenu">的事实强烈暗示您可能不知道的下一件事是每个HTML文档，任何给定的id值必须唯一，也就是说它只能用于一个元素。

https://jsfiddle.net/gmtugks5/2/

子菜单不会垂直堆叠

1 个答案: