CSS 下拉子菜单宽度

Question

所以这里的每个人都很好地回答了我的问题，在我学习的过程中我真的很感激:)

我对我当前的问题有点困惑，因为它似乎并不适用于它应该适用的所有内容。

在我的所有下拉菜单中，除了最后一个，菜单至少与父菜单一样宽，或者更宽。但是，最后一个菜单不是这种情况，因为它在文本的填充结束后被切断。

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

当我尝试输入我的代码时网站遇到问题，所以我无法通过它，不过这里是 JSFiddle。

http://jsfiddle.net/kocsqphs/

如有任何帮助，我们将不胜感激。

Answer 1

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

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

Answer 2

将 min-width: 100% 添加到第二级 ul 应该可以。

这是更新后的 fiddle：http://jsfiddle.net/PiranhaGeorge/kocsqphs/1/

Answer 3

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

希望对您有所帮助。