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%; 
} 

Надеется, что это помогает.