css - 右侧的菜单项（左边距问题）

Question

我正在构建这个站点，如您所见，我将导航菜单移到了左侧。如果您将鼠标悬停在任何项目“Home”/“L'istituto”/“Infanzia/Primaria”（等）上，子项目将显示在右侧。一切都很好，除了position:relative; left:130pxon .main-navigation li ul lia 使下面的项目不可点击（因为那里有块，由于 . 移动到右侧left:130px。我怎样才能让下面的项目仍然可点击？提前谢谢。

PS：如果我尝试使用z-index: 999999on .main-navigation li a，.main-navigation li我将无法再访问子项目（第一个除外）。

Answer 1

我设置了这个并工作了:)

.main-navigation li ul {
margin: 0 0 0 200px;
position: absolute;
}

Answer 2

尝试优化垂直导航栏的宽度。