你是对的,这绝对是一个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