常见的两种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属性来改变盒模型的类型
本文标题:CSS:常见的两种盒模型及其区别
本文链接:https://www.haomeiwen.com/subject/enmcextx.html
网友评论