Question

我想知道是否有人可以帮助我做到这一点，以便在不弄乱子菜单的情况下内容不会下降。我尝试将子菜单更改为位置：绝对，但这只是弄乱了子菜单，我也尝试了z-index：2，但这没有帮助。我必须解决的唯一另一个想法是，以某种方式将类似位置的内容应用于文本：绝对值，但是我不确定如何做到这一点。如果有人可以帮助我，我将不胜感激

Answer 1

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

.bottom-border{
  border-bottom: 1px solid #e8e8e8;
}

要使子菜单不向下推送内容，它需要具有lines="none"样式。 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

如何阻止下拉菜单下推内容？

2 个答案: