CSS标准盒子与怪异盒模型

CSS盒子组成
CCS盒子本质是一个盒子 包裹着HTML元素 盒子是由四个部分组成 从内到外是 content(内容) padding(内填充) border(边框) margin(外边距)

标准盒模型
一般情况下默认是标准盒子模型 会将内外边距和边框计算在内
box-sizing:content-box

怪异盒模型
怪异盒模型并不会将边框和内外边距计算在内
box-sizing:border-box