Html 下拉子类别菜单定位。

我被要求修复客户网站上的菜单，因为该网站的第四个子菜单不会在链接旁边弹出。该网站是如果你去硼硅酸盐火焰加工>33 COE硼硅酸盐火焰加工>33 COE彩色棒熔块和管材>ACME彩色玻璃，你会明白我的意思。子菜单弹出在一个固定的位置，你不能鼠标移到它。我能够改变定位为相对，菜单将弹出链接旁边，但它会在链接下留下一个空白。经过一些研究，我发现这就是相对定位的工作原理。有人能看看这个，并指出我在正确的方向，因为我在我的头。我试着在谷歌上搜索，找到了一些商店模板的文档，但毫无帮助。我是MSP的一名硬件技术人员，有人问我是否可以解决这个问题，因为我提到我在大学里上过几堂网页设计课。我将非常感谢任何帮助

#drop-box, .drop-box-subcat, .drop-box-subsubcat, .drop-box-3subcat, .drop-box-4subcat{
position:absolute;
left:0px;
z-index:100;
display: none;
text-align:left;
padding:0;
top:57px;
border: none;
width:auto;
background: #fbfbfb;
padding:20px 15px 20px 15px;
-moz-box-shadow:0px 10px 15px 2px #727272;
-webkit-box-shadow:  0px 10px 15px 2px #727272 ;
box-shadow:  0px 10px 15px 2px #727272 ;

}

.drop-box-subsubcat, .drop-box-3subcat, .drop-box-4subcat{left:200px;top:-7px;}
.drop-box-4subcat{top:50px;}

.cat-name, .sub-cat-name, .subsub-cat-name{
display: block;
float:left;
position:relative;
left:0px;
top:0px;

---

不要将像素用于子菜单的左侧位置。在文件unishop.css第683行的css规则下面进行更改

.drop-box-subsubcat, .drop-box-3subcat, .drop-box-4subcat {
    left: calc(100% + 15px);
    top: -7px;
}

---

您可以尝试将此应用于

.drop-box-4subcat

.drop-box-4subcat {
   top: inherit;
   margin-top: -50px;
}

---

希望它对其他第四类下拉列表也有帮助

寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。谢谢你的快速回复。然而，这对第四子类别没有任何影响。它把所有的菜单移到了我不能用鼠标移到的地方。