CSS 盒子模型概述
我們先來看看盒子的組成包括： margin(外邊距);border(邊框);padding(內(nèi)邊距);content(內(nèi)容) 正文框的最內(nèi)部分是實(shí)際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距。內(nèi)邊距呈現(xiàn)了元素的背景。內(nèi)邊距的邊緣是邊框。邊框以外是外邊距，外邊距預(yù)設(shè)是透明的，因此不會遮擋其後的任何元素。
下面我們就用一張圖來描述下他們的結(jié)構(gòu)：
#內(nèi)邊距、邊框和外邊距都是可選的，預(yù)設(shè)值為零。但是，許多元素將由用戶代也可以使用通用選擇器對所有元素進(jìn)行設(shè)置，就相當(dāng)與是一個初始化：
* {
margin: 0;
padding: 0;
}從上面的圖中可以看出，寬度（width） 和高度（height ） 指的是內(nèi)容區(qū)域的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸，但會增加元素框的總尺寸。
可以如下設(shè)定這幾個屬性：
box {
width: 70px;
margin: 10px;
padding: 5px;
}外邊距可以是負(fù)值，而且在很多情況下都要使用負(fù)值的外邊距。
