HTML代码：

<header>
    <nav>
        <ul>
            <li class="a**enu"><a href="#">Menu1 <i class="fa fa-caret-down"></i></a>
                <ul class="submenu deactive">
                <li><a href="#">Menu1-a</a></li>
                <li><a href="#">Menu1-b</a></li>
                <li><a href="#">Menu1-c</a></li>
                <li><a href="#">Menu1-d</a></li>
                </ul>
            </li>
            <li class="a**enu"><a href="#">Menu2 <i class="fa fa-caret-down"></i></a>
                <ul class="submenu deactive">
                <li><a href="#">Menu2-a</a></li>
                <li><a href="#">Menu2-b</a></li>
                <li><a href="#">Menu2-c</a></li>
                <li><a href="#">Menu2-d</a></li>
                </ul>
            </li>
                <li><a href="#">Menu3</a></li>
                <li><a href="#">Menu4</a></li>
                <li><a href="#">Menu5</a></li>
                <li><a href="#">Menu6</a></li>
        </ul>
    </nav>
</header>

css代码：

header nav ul li {
  position: relative;
}

.submenu {
  position: absolute;
  width: 20rem;
  height: 20rem;
  background-color: darkgoldenrod;
  margin-top: 2rem;
  border-radius: 0rem 0rem 2.5rem 0rem;
}

.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.deactive {
  display: none;
}