Блог

Главная - Вопросы по программированию - Выпадающее меню с чистым CSS, когда элементы имеют разную высоту

Выпадающее меню с чистым CSS, когда элементы имеют разную высоту

#css #drop-down-menu #height

#css #выпадающее меню #высота

Вопрос:

В Интернете есть несколько ресурсов, описывающих, как реализовать выпадающие меню, например, это: http://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2 Одна из проблем, с которой приходится сталкиваться, заключается в том, что CSS не может анимировать высоту до назначения auto . Вместо этого нужно использовать фиксированную высоту, например:

 .nav ul > li:hover ul li {
    height:36px;
}

что усложняет ситуацию, когда подменю имеют разную высоту и когда необходимо легко добавлять дополнительные пункты меню.
Использование max-height, как описано в ссылке выше, не полностью удовлетворяет.
Я знаю, что это можно легко сделать с помощью JS / jQuery, но мне интересно, есть ли чистый способ сделать самонастройку высоты с помощью чистого CSS.

Комментарии:

1. Почему вы не можете использовать max-height ? Есть ли причина для max-height неполного удовлетворения?

2. Причина, по которой это меня не удовлетворяет, заключается в том, что время скольжения не является постоянным, когда высота отличается. И максимальная высота нуждается в ручной настройке, чтобы избежать отключения какого-либо подменю внизу.