我的下拉导航正在将我的主导航推向一边

Question

我正在尝试制作一个中央下拉，以便它非常适合屏幕。但我的“立场：亲戚;”当鼠标悬停在我的导航上时会造成严重破坏，并将其展开，如图所示。

我感谢任何帮助或建议

.structure-mainnavigation ul li ul {
  width:850px;
  position: relative;
}

.structure-mainnavigation ul li ul li {
  width:25%;
  float:left;
  text-align:left;
  left: auto;
  right: 4px; 
}

Answer 1

你可以绝对定位它。尝试：

.structure-mainnavigation ul li ul {
  width:850px;
  position: absolute;
  top:100%;
  left: 50%;
  transform: translateX(-50%);
}

.structure-mainnavigation ul li {
   position:relative;
}