Как элементы меню могут отображаться снизу вверх с помощью CSS

Question

У меня меню работает так, как я хочу, за исключением того, что элементы меню отображаются сверху вниз, как предполагается, снизу вверх. Я попытался изменить свойства CSS, но все еще не могу заставить его работать. Мне нужно, чтобы мой DIV-контейнер был выровнен по нижней части родительского контейнера. Я использовал CSS-свойство bottom: 0, но это никак не влияет на использование position: absolute и position :lative.

Как выровнять все элементы в родительском DIV, чтобы они отображались внизу: 0 (снизу вверх)?

Затем нажмите нижнюю ссылку Projects (обновите, если вам нужно сбросить пункты меню). Мне нужно то же поведение, которое у меня уже есть, просто пункты меню должны начинаться снизу вверх и быть выровненными по всей длине.

Есть предложения?

Спасибо

Партизан

Answer 1

Лучший способ сделать это - поместить div в искомый родительский элемент. Следовательно, <li>, с которым вы хотите связать эти ссылки. Дайте родителю <li> стиль position:relative. При наведении курсора position ребенка div или li устанавливается на abosulte и left:0;top:0;. Затем оттуда вы можете придать ему стиль ближе или дальше с помощью margin.

Answer 2

Попробуйте использовать padding-top, чтобы опустить их с идентификатором или классом в каждом подменю.

Тогда, если это не поможет, попробуйте использовать min-height: auto; на каждого родителя.