代码之家  ›  专栏  ›  技术社区  ›  cucuru

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

  •  1
  • cucuru  · 技术社区  · 6 年前

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

    我要做的是添加和删除higlight类,这个highlight类添加背景和填充。

    问题在于padding和fxflex元素,添加类时会移动其余元素:

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

    如何在不影响其他元素的情况下添加“填充效果”?我试过边境,也有同样的问题

    1 回复  |  直到 6 年前
        1
  •  2
  •   Ehsan    6 年前

    框大小调整属性定义如何计算元素的宽度和高度:是否应包括填充和边框。 more..

    * {box-sizing: border-box;}
    

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