针对导航栏问题的HTML重构

我试图使孩子们不影响导航栏，并显示完全像一个下拉菜单

当前示例位于： dev4you.byethost15.com

功能应如下所示：

用户将鼠标悬停在父项上

子项显示在下面的框状列表中

当前发生的情况是，当子项显示在“父项悬停”上时，导航栏被向下推以进行补偿，我不需要该功能，我正在尝试在此处创建一个下拉菜单

另外，如果这不是最佳的，其他html结构建议也很受欢迎

HTML

门户

{{item.title}


{{child.title}

在您的内部子级

li

中使用这些css设置

<li ng-show="isChildrenVisible" ng-repeat="child in item.children " class="ng-scope ng-hide innerLi" 
">
 <p class="ng-binding">Long Sub2</p></li> 

---

在您的内部子级

li

中使用这些css设置

<li ng-show="isChildrenVisible" ng-repeat="child in item.children " class="ng-scope ng-hide innerLi" 
">
 <p class="ng-binding">Long Sub2</p></li> 

---

还有哪一部分不适合你？@Christina我相信HTML/CSS问题？基本上是孩子们被展示的位置。制作了一把小提琴，一切都按预期进行。问题是什么？如果这是一个定位的问题，你也应该给出你的CSS以及一些关于当前位置错误的更多细节。也许你可以把所有的东西都放在一个plunkr/jsfiddle中？@Christina我会建立一个plunkr，其中哪一部分对你不起作用？@Christina我相信HTML/CSS问题？基本上是孩子们被展示的位置。制作了一把小提琴，一切都按预期进行。问题是什么？如果这是一个定位的问题，你也应该给出你的CSS以及一些关于当前位置错误的更多细节。也许你可以把所有的东西都放在一个plunkr/jsfiddle中？@Christina我会建立一个plunkr，其中哪一部分对你不起作用？@Christina我相信HTML/CSS问题？基本上是孩子们被展示的位置。制作了一把小提琴，一切都按预期进行。问题是什么？如果这是一个定位的问题，你也应该给出你的CSS以及一些关于当前位置错误的更多细节。也许你可以把所有的东西都放在一个plunkr/jsfiddle里？@Christina会建造一个plunkr

  .innerLi{
      position: absolute;
      top: 65%;
      margin-left: -25px;
    }