добавить отступы к элементу, не перемещая остальные

Question

Мне нужно выделить некоторые элементы на моей странице, это зависит от действий пользователя.

Я делаю это, добавляя и удаляя класс Highlight, этот класс Highlight добавляет фон и отступы.

Проблема в элементах padding и fxFlex, остальные элементы перемещаются при добавлении класса:

.my-highlighted {
    background: red;
    padding: 2px; //thats my problem
}

как я могу добавить «эффект заполнения», не затрагивая остальные элементы?Я пробовал границу и у меня та же проблема

Answer 1

Свойство box-sizing определяет способ вычисления ширины и высоты элемента: должны ли они содержать отступы и границы или нет. more ..

* {box-sizing: border-box;}

ИЛИ

.my-highlighted {box-sizing: border-box;}