Сделайте ul увеличить ширину в соответствии с содержанием - PullRequest
Новая
       14

Сделайте ul увеличить ширину в соответствии с содержанием

10 голосов
/ 18 февраля 2012

У меня есть меню суперфиш, реализованное на этом сайте

Если вы наведите указатель мыши на меню продукта, выпадающий список будет точно соответствовать ширине основного родительского меню, даже если его содержимое больше. Как мне сделать меню более широким по содержанию в нем. Теперь содержимое просто переполняется.

1 Ответ

17 голосов
/ 18 февраля 2012

Добавьте следующие стили к вашему grid.css или к любому другому .css-файлу / заголовку после grid.css: 

.sf-menu ul{
    min-width:100%; /* at least the size of the header */
    width:auto; /* size the block automatically */
}
.sf-menu ul li{
    white-space:nowrap; /* prevent word wrap */
}

Обратите внимание, что в IE7 результаты не будут такими же, однаковаш сайт не представлен в IE7.Работает в IE8, IE9 и Firefox 10 (должен работать во всех браузерах, совместимых с CSS2).

...