css中的两种盒模型

标准盒模型： margin +border+padding+content  即只要定义了盒子的宽高，盒子的内容部分大小不会变，但总面积会随着盒子的border或pading的变化而发生改变

IE盒模型：margin+ content（padding+border）即内容部分包括了内边距和边框  只要定义了盒子的宽高，无论怎么改变padding或border的值，内容部分会被压缩，但与padding和border加起来的面积还是原来的宽高

控制盒模型的风格style模式：box-sizing：content-box（默认：标准） 、border-box（IE盒模型）

 content-box ：content以内的包括content的大小不变   

 border-box：border以内的包括border在内的大小不变