当我试图从我的主导航栏添加dropdwon列表时，我的主导航栏附件是更改

Question

enter image description here 当我添加下拉值

时，我的主菜单上升了

Answer 1

我假设主菜单应该是水平的。下面是一个解决方案，用于在主菜单选项悬停时显示子菜单。

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

nav>ul {
  display: flex;
}

nav>ul>li {
  padding: 1em;
}

nav>ul>li>ul {
  display: none;
}

nav>ul>li:hover>ul {
  display: block;
}

<nav class="tm-nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About me</a></li>
    <li><a href="#">Technologies</a>
      <ul>
        <li><a href="#">Testing1</a></li>
      </ul>
      <ul>
        <li><a href="#">Testing2</a></li>
      </ul>
      <ul>
        <li><a href="#">Testing3</a></li>
      </ul>
    </li>
    <li><a href="#">Contact me</a></li>
  </ul>
</nav>