如何停止下拉菜单推送内容？

Question

我想知道是否有人可以帮助我做到这一点，以便内容不会下降而不会弄乱子菜单。我尝试将子菜单更改为位置：绝对，但这只是弄乱了子菜单，我也尝试了z-index：2，但没有帮助。我必须解决的唯一其他想法是以某种方式应用类似位置：绝对的文本，但是，我不知道该怎么做。如果有人能帮助我，我会非常感激

Answer 1

在样式文件的末尾添加这段css

    nav ul li {
        position: relative;
    }

    nav ul ul {
        position: absolute;
        width: 100%;
    }

对于不推送内容的子菜单，它需要具有position: absolute风格。 css的其他位是修复样式和子菜单宽度。

Answer 2

你应该在你的代码中添加以下css

nav ul li {
  position:relative;
}
//add class on sub-menu(.drop-down)
.drop-down{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:1;
}
//z-index value set as your needs