盒模型

盒模型

标准盒子模型和怪异和模型和Flex和模型和多列布局

content-box 标准盒模型

box-sizing:content-box 就是标准盒模型,是内容的宽高，但整个盒子的模型还要加商padding和border和margin

border-box 怪异盒模型

box-sizing:border-box 就是ie盒模型和怪异盒模型 是盒子大小，不论怎么调border和margin都不会改， 所以在真实项目中用这个多一点，包括我看了一些组件elements-ui和bootstrap的源码都采用box-sizing里的border-box，所以我认为这是开发中的规范。