2020准备面试3----盒模型

一、标准盒模型
box-sizing:content-box
样式中的width height是指内容content的宽高，不是整个盒子的宽高，整个盒子的宽高是由margin+ padding+ border +content组成的
二、IE盒模型
box-sizing:border-box
样式中的width 和height指的是盒子的大小，不是内容content 的大小，无论怎样调整padding margin border,它会通过缩放内容来实现整个盒子宽高不变