1.说一下盒子模型
1.1 标准盒模型(默认值)
box-sizing: content-box :宽和高代表的仅仅是盒子内容,特点是给盒子加边框和内边距会撑大盒子
盒子的总宽度= width+padding+border+margin(高度同理)
1.2 怪异盒模型(ie浏览器默认的盒子模型)
box-sizing: border-box:宽和高代表的是盒子的content+padding+border,给盒子加边框和内边距不会撑大盒子(前提是内边距和边框不会超过盒子宽度)
盒子的总宽度=wi