CSS下拉子菜单宽度

Question

所以每个人都很高兴回答我的问题，我真的很感激，因为我在学习：）

我对目前的问题感到困惑，因为它似乎并不适用于它应该做的一切。

在我的所有下拉菜单中，除了最后一个菜单外，菜单至少与父级菜单一样宽，或者更宽。但是，最后一个菜单的情况并非如此，因为它在文本填充结束后会中断。

<nav id="site-navigation" class="main-navigation" role="navigation">

当我尝试输入我的代码时，网站遇到了麻烦，所以我不能超越它，不过是JSFiddle。

http://jsfiddle.net/kocsqphs/

非常感谢任何帮助。

Answer 1

将min-width: 100%添加到第二级ul应该这样做。

这是一个更新的小提琴：http://jsfiddle.net/PiranhaGeorge/kocsqphs/1/

Answer 2

这是因为你给出的自动换行。评论它，如果你想给你的div赋予宽度，你也可以这样做：

.main-navigation ul ul {
  /* white-space: nowrap; */
position: absolute;
z-index: 99999;
padding: 0;
width: 150%;
}    

Answer 3

ul.sub-menu{
    min-width: 100%;
}

希望这有帮助。