UnluckySerivelha
@UnluckySerivelha

Border дочернего элемента увеличивает высоту родителя, как исправить?

Задал свойство для элемента меню, теперь при наведении на элемент меню увеличивается высота родителя и это заметно, можно ли как-то избавиться от этого?
.navigation li:hover {
    border-bottom: 2px solid white;
    transition: none;
}

robbien.ru/demo/brandly1
  • Вопрос задан
  • 416 просмотров
Решения вопроса 2
.navigation li {
    border-bottom: 2px solid transparent;
    transition: none;
}

.navigation li:hover {
    border-bottom: 2px solid white;
    transition: none;
}
Ответ написан
Комментировать
FFxSquall
@FFxSquall
Могу писать код, могу не писать
Нужно для li поставить border изначально, но прознрачный, а при ховере менять цвет.

.navigation li {
    border-bottom: 2px solid transparent;
}
.navigation li:hover {
    border-color: white;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
AlexMcArrow
@AlexMcArrow
Люблю РНР, да я такой!
Попробуйте так:
.navigation li:hover {
    border-bottom: 2px solid white;
    transition: none;
    margin-bottom: -2px;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы