在css中,使用width属性与height属性来指定元素的宽度与高度。使用box-sizing属性,可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素的内部补白区域与边框的高度与宽度。
box-sizing属性可指定的属性值有:content-box(不包含)、border-box(包含)。
那么为什么要使用box-sizing属性呢?目的是对元素的总宽度做一个控制,如果不使用该属性,样式中默认使用的content-box属性只对内容的宽度做了一个指定,却没有对元素的总宽度进行指定。在某些情况下使用border-box会使页面布局更加方便。