介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?
1. W3C 标准盒模型:属性width,height只包含内容content,不包含border和padding;设置的width或height是对 实际内容(content)的width或height进行设置,内容周围的border和padding另外设置,即盒子模型的width(height)=设置的content的宽高+padding+border+margin
box-sizing:content-box;
2. IE (怪异盒模型)盒模型:属性width,height包含border和padding,指的content+padding+border。 设置的width或height是对 实际内容(content)+内边距(padding)+边框(border)之和的width和height进行设置的,其盒模型的width(height)=设置的width(height)+外边距margin
box-sizing:border-box
网友评论