Jquery Css-将子菜单div扩展到父菜单？

我有一个带有子项的下拉菜单。我可以用witdh显示子菜单，但子菜单内的div内容出现了一些偏差，我不能用witdh显示。我在底部的这张图片上解释。所以子菜单div需要扩展左侧的其他列

菜单{
列表样式：无；
}
.项目{
显示：内联块；
高度：50px；
}
.项目a{
文字装饰：无；
填充：20px；
显示：内联块；
颜色：#333333；
字体大小：14px；
右边框：1px#ebedf0实心；
}
.a项：悬停{
文字装饰：无；
背景色：#f0f3f7；
}
.菜单li：悬停>a{
背景色：#f0f3f7；
}
.项目.分项{
显示：无；
宽度：100%；
填充：0.1000em；
边缘：0-1000em；
高度：200px；
位置：绝对位置；
背景色：#f0f3f7；
z指数：1；
盒影：0px 6px 20px-8px#999999；
}
.项目：悬停.sub{
边缘顶部：2倍；
显示：块；
}

猫




多斯亚拉


搜寻

如果我理解正确，下面的代码应该可以解决您的问题。.item.sub上的填充和边距值是罪魁祸首。我还将left:0px添加到左对齐中

.item .sub {
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 200px;
    position: absolute;
    background-color: #f0f3f7;
    z-index: 1;
    box-shadow: 0px 6px 20px -8px #999999;
    left: 0px;
}

---

还是没什么变化。子菜单div需要从logo col的底部开始。使用您提供的代码，它似乎工作正常。。看看这个道场。也许在一些CSS中有一个问题，你没有包括在这个例子中？