隐藏在其他人后面的菜单项

时间:2015-03-08 作者:Duder88

我的菜单显示不正确。正如你从下面的照片中看到的,出于某种原因,我的三级菜单项隐藏在其他菜单项的后面。我已经检查了我正在使用的模板,结果似乎一切正常,否则甚至无法显示菜单选项。因此,我认为我的CSS有问题,尽管我看不出会是什么。有人知道这里发生了什么吗?

enter image description here

1 个回复
SO网友:Ian

你是对的,这绝对是一个CSS问题。

要使第三级菜单完全显示出来,您需要将其定位,并将其从左侧移动X个像素,直到其正确对齐。如果子菜单具有设置的宽度,则使用该设置的宽度将第三级移动到正确的位置。

例如,如果我的子菜单的固定宽度为200px,我会:

/* Target the 3rd level nav */
ul.menu ul.sub-menu ul.sub-menu{
  position:absolute; /* Position absolute so we can move the nav element */
  left: 200px; /* Move the nav element 200px from the left based on the width we set above */
  top:0; /* Align the tertiary nav list to the top of the parent menu list */
}
查看这里的codepen,查看完整的“无国界医生”演示下拉列表。http://codepen.io/iandbanks/pen/PwdKeB

结束