时间戳

首页 > 解决方案 > 在不移动其余元素的情况下向元素添加填充

html - 在不移动其余元素的情况下向元素添加填充

问题描述

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

我正在添加和删除高亮类，这个高亮类添加背景和填充。

问题在于 padding 和 fxFlex 元素，其余元素在添加类时被移动：

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

如何在不影响其余元素的情况下添加“填充效果”？我试过边界并有同样的问题

标签： htmlcssflexbox

解决方案

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

* {box-sizing: border-box;}

或者

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

推荐阅读