Правильно ли так? Или все-таки костыль?

Question

[Артём Ведищев]

Всем привет!
jsfiddle.net/fmx2t6ga/15
При наведении на пункт МЕНЮ 1 происходит смещение самого блока на ширину границы.
Для исключения данного смещения применено border: solid 1px transparent; (см МЕНЮ 2).
Вопрос насколько это правильно и как можно сделать по-другому?
Заранее спасибо.

Answer 1

[Sergiu Mitu]

можно использовать и box-shadow и outline, но вообще вариант с border transparent как по мне так это и есть более правильный вариант.

Answer 2

[Вова Дружаев]

не так:

a:hover {
  border: solid 1px;
}

а так: border-color: #000; - не нужно дублировать значения - вы их задали выше. Теперь вам надо поменять только цвет

По поводу вопроса - это обычная практика.