Ширина жидкости Раскрывающиеся меню Son of Suckerfish

Question

Для выпадающих меню CSS я обычно использую выпадающие списки Сын Suckerfish .Техника работает очень хорошо, но есть одна маленькая вещь, которая меня всегда беспокоит: ширина выпадающих ссылок всегда фиксирована.

Есть ли способы автоматического изменения размера элементов в выпадающем меню Suckerfish?Если нет, есть ли другие стратегии выпадающего меню на основе CSS, которые могут это сделать?

Answer 1

Не обязательно.Если вы установите для вторичных элементов списка очистку влево, они будут накладываться друг на друга.

Однако проблема в том, что если вы хотите изменить цвет фона при наведении, вам нужно установить фиксированную ширину, иначе у вас будут элементы списка различной ширины.

Но если вам не нужно менять цвет BG, это хороший способ сделать это и сохранить текучесть.

Answer 2

Поскольку элементы li float редактируются внутри элемента ul, они должны иметь заданную ширину, равную элементу ul.В противном случае все они будут на одной линии.Фиксированная ширина заставляет каждую из них переходить на следующую строку.

Пример: http://jsfiddle.net/ZhguL/3/

Если вы хотите, вы можете использовать jQuery или просто обычный JavaScript для вычисления ширины самого длинного меню.укажите в каждом ul и установите для каждого значения li и ширины ul это значение.

Answer 3

Взгляните на эту страницу, она мне помогла. Вы можете сделать это без использования JS. http://www.pmob.co.uk/temp/dropdown-all-fluid.htm