box

[YangYi-Mo]

标准盒模型：

box-sizing：content-box

IE盒模型：

box-sizing：border-box

区别：

• 标准盒模型设置的值，是内容的值，不包含内边距、边框的大小，若在设置之后再去添加相关属性的属性会撑大盒子，破坏布局，需程序员手动计算相减
• IE盒模型设置的值，不仅包含了内容，还包含了内边距和边框的值，再设置相关属性的属性值的时候，会自动进行内缩，保证盒子的大小不变

[2734209032]

分为IE盒模型和w3c标准盒模型 IE盒模型的width= condent+border+padding W3c盒模型width=condent css中设置盒模型用box-sizing属性