盒模型
定义:
css盒模型本质上是一个盒子,它封装周围的html元素,它包括 内容(content),内边距(padding),边框(border),外边距(margin)四个属性。
css盒模型分为:
盒模型(标准盒模型),IE盒模型(怪异盒模型)
二者之间的区别:
标准盒模型:盒模型的宽高=宽高+padding+border+margin(宽高是内容的大小)
IE盒模型:盒模型的宽高=宽高+margin(宽高是内容的大小包括了padding+border)
css如何设置这两种模型
标准盒模型:box-sizing:content-box(浏览器默认)
IE盒模型:box-sizing:border-box