盒模型分爲:W3C標準盒模型和IE盒模型佈局
頁面進行佈局時,能夠經過box-sizing 樣式進行設置spa
box-sizing:content-box;//當設置爲此值時,該佈局的寬高定義的是純內容content的高度,不包含padding與border;這也正是標準盒模型的特色;3d
box-sizing:border-box;//當設置爲此值時,該佈局的寬高定義的是盒子的整體寬高,包含padding於border了;這也正是IE盒模型的特色;blog