CSS自定义属性（变量）CSSbox-sizing属性允许我们在元素的总宽度和高度中包含填充和边框。没有CSSbox-sizing属性默认情况下，元素的宽度和高度计算如下：width+padding+border=元素的实际宽度height+padding+border=元素的实际高度这意味着：当你设置元素的宽度/高度，元素通常看起来比您设置的要大（因为元素的边框和填充被添加到元素的指定宽度/高度）。下图显示了两个具有相同指定宽度和高度的
元素：ccs
CSS自定义属性（变量）CSSbox-sizing属性允许我们在元素的总宽度和高度中包含填充和边框。没有CSSbox-sizing属性默认情况下，元素的宽度和高度计算如下：width+padding+border=元素的实际宽度height+padding+border=元素的实际高度这意味着：当你设置元素的宽度/高度，元素通常看起来比您设置的要大（因为元素的边框和填充被添加到元素的指定宽度/高度）。下图显示了两个具有相同指定宽度和高度的