如果将鼠标悬停在this website上方的菜单上，则会看到内容已被按下。我从其他人那里继承了样式表，这是一个完整的混乱。任何人都可以向我解释为什么这个悬停正在压低内容？
菜单构建如下：
li > ul class .sub-menu > li > a class .sub_menu_item
我看了position和display CSS，但我似乎找不到任何奇怪的东西。任何帮助将不胜感激！
答案 0 :(得分：2)
将此行添加到您的css文件中：
#navigation ul.sub-menu{
position:absolute;
}
答案 1 :(得分：2)
.sub-menu元素没有给定位置，因此它们在显示时仍保留在文档流中。他们需要position: absolute将其从流中移除并防止内容转移。
答案 2 :(得分：1)
当我检查“三列”中的第一个li时，将鼠标悬停在＆＃39;您可以检查下拉列表，看看它是否继承了默认的＆＃34;位置：＆＃39; relative＆＃39;＆＃34;。
您想要应用样式＆＃34;位置：＆＃39;绝对＆＃39;＆＃34;在ul class =＆＃34;子菜单＆＃34;上，这将使其在自己的容器中有效，因此它可以大部分进入它想要的位置，因此您可以更好地控制其定位。除非其父级具有设置＆＃34; position：＆＃39; relative＆＃39;＆＃34;，然后它将遵循包含该单元格的边界）。
抬头 - 如果您应用绝对位置，看起来您需要增加下拉单元格右侧边框半径的宽度或其他内容。