最近學了jquery的盒子模型之後，感覺真的顛覆我之前對盒子模型的看法，我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。
1.html盒子模型
如果說js裡面萬物皆是物件，那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay：block 變成盒子。那他的盒子是怎麼計算的呢？
httml元素有乙個屬性box-sizing:border-box/content-box;
預設的情況下是content-box 內容盒子這情況下寬高求法
實際寬（width）=定義的寬（width）+內邊距（padding）+border;
實際高（height）=定義的寬（width）+內邊距（padding）+border;
border-box時，也叫怪異盒子，他怪異在**呢，往下看
怪異盒子的寬高求法
實際高度（width）=定義的寬（width）但這裡面（它裡面包含內邊距和邊框，所以它裡面實際內容的寬度是它的實際寬度減去內邊距減去邊框）
實際高同上
理解：我是這樣理解的就是你把乙個元素設定成內容盒子，然後以後給它加上內邊距或者邊框的話，它會把內容部分往裡面壓然後給出你要的內邊距或者邊框，所以這就不會改變定義好的寬高。
2.jquery盒子模型
1.width()/求的是自己定義的寬，高同上
2.innerwidth()求的是自己定義的寬度加上內邊距
3.outerwidth()求得是自己定義的寬加上內邊距加上邊框
4.outerwidth(true)求得是自己定義的寬度加上內邊距，加上邊框加上外邊距
輸出結果分別為 100 140 144 244
html 7 盒子模型
網頁中，所有的html標籤，都可以做為乙個盒子 a border width 寬度 border top width border right width border bottom width border left width b border style 樣式 solid細邊框 dashed虛...
0416 盒子模型
css盒子模型樣式 定義 margin 外邊距，圍繞在元素邊框的空白區，在元素外建立額外的空白。border 邊框，圍繞元素內容和內邊距的一條或多條線。padding 內邊距，在邊框和內容區之間。屬性 margin 外邊距也叫作空白 接受任何長度單位，百分數值和負值，還可設定為auto。margin...
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型，其中主要還是理解整個盒子的構成，以及其中各屬性的作用，最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...