盒子模型
（1）box-sizing:content-box: 盒子模型默認(rèn)值，元素應(yīng)用該模型時(shí)，計(jì)算方式為 外邊距+邊框?qū)挾?#43;內(nèi)邊距+內(nèi)容區(qū)域（margin ， border-width ，padding，實(shí)際內(nèi)容占寬），設(shè)置的width/height屬性只是內(nèi)容區(qū)域?qū)挾?#xff1b;
（2）box-sizing:border-box: 元素應(yīng)用該模型時(shí)，計(jì)算方式為 外邊距+寬度，設(shè)置的寬度包含了 邊框?qū)挾?#43;內(nèi)邊距+內(nèi)容區(qū)域，這種方式更方便我們平時(shí)的布局，省卻了很多人為的計(jì)算過(guò)程；

外邊距
（1）margin-top/right/bottom/left 上/右/下/左外邊距
（2）margin：15px; 同時(shí)設(shè)置上右下左四個(gè)方向外邊距
（3）margin：10px 15px; 第一個(gè)值為上下外邊距10px；第二個(gè)值為左右15px外邊距，margin：0 auto；常用于設(shè)置元素內(nèi)容水平居中
（4）margin：5px 10px 15px；第一個(gè)值為上外邊距5px，第二個(gè)值為左右外邊距10px，第三個(gè)值為下外邊距15px
外邊距合并：豎直方向上的兩個(gè)外邊距相遇時(shí)，會(huì)合并為一個(gè)外邊距，值以較大的一個(gè)為準(zhǔn)
外邊距溢出：父元素沒(méi)有上邊框，子元素與父元素上沿重合，為子元素添加上外邊距會(huì)作用到父元素身上，可以給父元素設(shè)置 :before{content:’’,display:table}偽元素占位

內(nèi)邊距
（1）設(shè)置內(nèi)邊距會(huì)直接作用在元素上，使元素變大
（2）padding設(shè)置方式與外邊距margin設(shè)置方式一樣，沒(méi)有auto屬性
（3）給一個(gè)元素設(shè)置padding，會(huì)使padding部分呈現(xiàn)出該元素的背景色