Html 导航菜单未按我的要求显示

我正在设计一个新的网站，并努力与我的导航菜单。我的问题只出现在全屏幕上，但我认为我的手机第一个设计代码导致了一些错误

我的问题是：

我想要一个下拉菜单。但是当我将鼠标悬停在包含下一级的-元素上时，列表会出现在右侧

我该怎么做才能让我的下一个正确的下一个

这是我的CSS和HTML：

/* RESPONSIVE-MENU */
.slide-toggle{
    display: inline;
    text-align: center;
}

ul.menu {
    width: 100%;
    background: #5EB22F;
    display: none;
    text-align: center;
    font-size: 20px;
}
.menu li  a{
    color: #FFF;
    text-decoration: none;
}
.menu li{
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #f9f9f9;
}
.menu li:last-child{
    padding-bottom: 20px;
}
.menu li:first-child{
    padding-top: 20px;
}
.menu li:hover{
    background: #b7dfa0;
}
.menu ul ul{
    display: none;
}


/* FULL-SCREEN-MENU  */
.slide-toggle{
    display: none;
}
ul.menu{
    display: block;
    padding: 23px 0;
}
ul.menu li {
    display: inline;
    padding: 20px 20px;
    border: 0;
}
ul.menu ul {
    display: none;
    position: absolute;
    margin-top: 30px;
}
ul.menu li:hover > ul{
    display: inherit;
}
ul.menu ul li{
    min-width: 170px;
    float: none;
    display: list-item;
    left: 0;
    position: relative;
    background: #5EB22F;
}

    <div class="menu-start-container"><ul id="menu-start" class="menu"><li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="#">start</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18"><a href="#">om oss</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-17"><a href="#">tjänster</a>
<ul class="sub-menu">
    <li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="#">jour</a></li>
    <li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-65 current_page_item menu-item-70"><a href="#">flytt</a></li>
    <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="#">städning</a></li>
    <li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="#">bud</a></li>
    <li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">priser</a></li>
</ul>
</li>
<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="#">offert</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a href="#">kontakta oss</a></li>
</ul></div>

---

也许给子菜单一个绝对位置，给父菜单一个相对位置，现在您可以使用父菜单的边距顶部：高度将子菜单定位在父菜单下面

编辑： 你也可以发布HTML的特定部分吗

编辑2：

---

要将其放置在父li元素下，必须添加位置：相对；给李家长。否则，子ul将忽略父li。

请同时添加HTML。是的ofc:-我现在已经实现了！这是wordpress菜单。也许你可以。非常感谢！我感谢你的帮助：