盒模型

盒模型主要分为IE盒模型和W3C标准盒模型

l W3C标准盒模型(可通过设置box-sizing为content-box)

l 属性width，height只包含content，不包含border和padding

l Width=内容的宽度

l Height=内容的高度

 

l IE盒模型(可通过设置box-sizing为border-box)

l 属性width，height包含border和padding，指的是content+padding+border

l Width=border + padding + 内容的宽度

l Height=border + padding + 内容的高度

 

可以通过box-sizing属性进行控制