@marckus
начинающий верстальщик

Сползает контент?

Здравствуйте.Возникла такая проблема.У элементов меню при наведении должен появляться border-bottom:2px solid red;.Но из-за borrdera при наведении сползает весь контент на 2рх.Как можно от этого избавиться
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Вместо бордера используйте тень, тогда все будет норм. Типа такого:
.item:hover { box-shadow: 0 2px 0 0 red;}
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
andykov
@andykov
Shit happens
Либо тенью, как предложили выше. Либо изначально задать прозрачную рамку, а при наведении менять border-color
.elem {
    border-bottom: 2px solid transparent;
}
.elem:hover {
    border-color: red;
}
Ответ написан
Комментировать
@LiguidCool
box-sizing: content-box;
Ответ написан
@DenTivor
Попробуй свойство outline.
outline: 1px solid red;

ЕМНИП, не должен он разметку ломать
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы