盒子模型

盒模型的组成包括:content, padding, border, margin组成。

有两种盒模型:标准盒模型和IE盒模型。

 

两种盒模型的主要区别是:标准盒模型的宽高是值内容宽高(content),而IE盒模型的宽高是指content+padding+border

 

设置盒模型的方式是：设置box-sizing

    box-sizing:content-box  标准盒模型

    box-sizing:border-box IE盒模型

所以在ie盒模型下加入padding和border都不会增大盒子的大小，只会缩小内容的大小