一、基本概念
什么是盒模型：盒模型包括內(nèi)容（content）、外邊距（margin）、邊框（border）、內(nèi)邊距（padding）
Chrome盒模型
二、標(biāo)準(zhǔn)模型與IE模型區(qū)別
兩者寬度不一樣
標(biāo)準(zhǔn)模型寬度
IE模型
width= border+padding+content 沒有margin
標(biāo)準(zhǔn)模型寬度
width = content 沒有padding、border、margin
兩者的高度計(jì)算一樣
三、盒模型切換
css3新屬性
box-sizing: border-box;ie模式
border-box
計(jì)算寬度 剛好等于100px
box-sizing: border-box;標(biāo)準(zhǔn)模式
content-box
