盒模型分为:W3C标准盒模型和IE盒模型布局
页面进行布局时,能够经过box-sizing 样式进行设置spa
box-sizing:content-box;//当设置为此值时,该布局的宽高定义的是纯内容content的高度,不包含padding与border;这也正是标准盒模型的特色;3d
box-sizing:border-box;//当设置为此值时,该布局的宽高定义的是盒子的整体宽高,包含padding于border了;这也正是IE盒模型的特色;blog