Html 为什么赢了'；我的子菜单的宽度是否保持不变？

我似乎无法使我的所有子菜单与“会见团队”菜单的宽度相同。我试图为

ulli

定义

min width

和

width

，但两者似乎都不能正常工作。如果您对代码有任何帮助，我将不胜感激，我也想知道为什么宽度属性不起作用

ul{
列表样式：无；
线高：1米；
文本对齐：居中；
}
李{
显示：内联块；
左边距：20px；
位置：相对位置；
浮动：中心；
过渡时间：0.5s；
}
ulli li{
边缘顶部：25px；
宽度：100%！重要；
左：-70px；
}
ul li ul{
可见性：隐藏；
溢出：隐藏；
不透明度：0；
位置：绝对！重要；
过渡：所有0.5s缓解；
}
ul li：悬停>ul{
能见度：可见；
不透明度：1；
}
ullia{
背景#414a52；
颜色：#FFFFFF；
填充：12px 24px；
}
美国保险商协会{
背景：#0a304e；
颜色：#FFFFFF；
}
悬停{
背景：#0a304e；
颜色：#FFFFFF；
}

您没有在下拉宽度中定义链接，您使用了填充，为了实现这一点，您需要定义下拉链接宽度以匹配父ul，并将父ul宽度设置为匹配悬停项。我确定你可以在这个链接上看到它

CSS:

---

另外，我删除了ul li中关于边距和左位置的代码。也许您可以使用一些类名来定义菜单和下拉菜单，这样您就可以使用稍后JS上的CSS轻松访问它们，而不是使用ul li a。我建议使用BEM:

您没有在下拉宽度中定义链接，您使用填充，以便实现您需要定义下拉链接宽度以匹配父ul，并将父ul宽度设置为匹配悬停项。我确定你可以在这个链接上看到它

CSS:

另外，我删除了ul li中关于边距和左位置的代码。也许您可以使用一些类名来定义菜单和下拉菜单，这样您就可以使用稍后JS上的CSS轻松访问它们，而不是使用ul li a。我建议使用边界元法：

ul li li a{
   display: inline-block;
   width: 100%;
 }