我想知道是否有人可以帮助我做到这一点,以便内容不会下降而不会弄乱子菜单。我尝试将子菜单更改为位置:绝对,但这只是弄乱了子菜单,我也尝试了z-index:2,但没有帮助。我必须解决的唯一其他想法是以某种方式应用类似位置:绝对的文本,但是,我不知道该怎么做。如果有人能帮助我,我会非常感激
在样式文件的末尾添加这段css
nav ul li {
position: relative;
}
nav ul ul {
position: absolute;
width: 100%;
}
对于不推送内容的子菜单,它需要具有position: absolute
风格。 css的其他位是修复样式和子菜单宽度。
你应该在你的代码中添加以下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