添加填充到元素而不移动其余元素

Question

我必须在页面中突出显示一些元素，这取决于用户操作。

我正在添加和删除higlight类，此突出显示类添加背景和填充。

问题在于填充和fxFlex元素，在添加类时会移动其余元素：

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

如何添加＆＃34;填充效果＆＃34;没有影响其余的元素？我试过边框并有同样的问题

Answer 1

  

box-sizing属性定义了如何计算元素的宽度和高度：它们是否包含填充和边框。more..

* {box-sizing: border-box;}

OR

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