常见的两种CSS盒模型:content-box(默认)、border-box。理论上两者的主要区别是二者的盒子宽高是否包括元素的边框和内边距。
content-box:盒子定义宽高 = 内容宽高(content)
border-box:盒子定义宽高 = 内容宽高(content) + 内边距 (padding)+ 边框(border)
用box-sizing属性来改变盒模型的类型
常见的两种CSS盒模型:content-box(默认)、border-box。理论上两者的主要区别是二者的盒子宽高是否包括元素的边框和内边距。
content-box:盒子定义宽高 = 内容宽高(content)
border-box:盒子定义宽高 = 内容宽高(content) + 内边距 (padding)+ 边框(border)
用box-sizing属性来改变盒模型的类型