Почему не отрабатывает стиль bottom в css?

Question

[Andrew Foy]

Делаю бургер для мобильных устройств. Хотел спозиционировать 3 элемента (линий), но для последнего элемента не работает стиль bottom: 0;. Я проверял в инспекторе кода на сайте, тупо не работает. Что не так? Подскажите, может в родителе что-то не то.

Answer 1

[andand44]

Нужно отменить правило с top. top: auto;

.menu-burger-line_third {
    bottom: 0;
    top: auto;
}

Comments

[Andrew Foy]

Спасибо, помогло! А можешь объяснить, почему так все отработало?

[andand44]

Потому что top и bottom конфликтуют в таком виде. Аналогично это работает и с left/right

[Andrew Foy]

andand44, понял спасибо

Answer 2

[imko]

Убери для нее top, из-за того что указаны и top и bottom ее по центру ставит