由於瀏覽器的差異性，盒模型分為標準盒模型和ie盒模型
它們的呈現方式和對盒子大小的計算略有不同。
以上兩張圖便是兩種盒模型的差異體現
.box_1 是標準盒模型，是 w3c 的規範；
.box_2 是老的 ie 瀏覽器在
怪異模式
下使用自己的非標準模型，也可稱為 ie 盒模型
在標準盒模型下通過設定box-sizing: border-box;可轉換為 ie 盒模型
1. 標準盒模型
01. 元素的 width 和 height 只包含content，不包含 border 和 padding 值；
02. 盒子的大小由元素的寬高、邊框和內邊距決定
盒子的寬 = width + border-width * 2 + padding-left + padding-right
盒子的高 = height + border-width * 2 + padding-top + padding-bottom
02. 盒子的大小取決於元素的寬和高，修改邊框和內邊距的值不能改變盒子的大小
盒子的寬 = width
盒子的高 = height
常見面試題2
1 簡單描述controller之間的傳值方式有哪幾種？1 屬性傳值 2 block傳值 3 傳值 4 單例傳值 5 通知傳值 誰要監聽值的變化，誰就註冊通知 2 如何理解ios中的沙盒機制？ios 中的沙盒機制 sandbox 是一種安全體系，它規定了應用程式只能在為該應用在建立資料夾內讀取檔案，...
JS常見面試題 一
1 js的原型和原型鏈怎麼理解？原型鏈有什麼應用？答 js原型以及原型鏈是js物件導向程式設計的基礎和重點，這個也是筆試和面試常問到的問題。每乙個建構函式都有乙個屬性prototype，這個屬性他指向就是我們常說的建構函式的原型。每當我們通過建構函式要去new乙個例項的時候，new操作符會做些事情，...
JS常見面試題 一
1 js的原型和原型鏈怎麼理解？原型鏈有什麼應用？答 js原型以及原型鏈是js物件導向程式設計的基礎和重點，這個也是筆試和面試常問到的問題。每乙個建構函式都有乙個屬性prototype，這個屬性他指向就是我們常說的建構函式的原型。每當我們通過建構函式要去new乙個例項的時候，new操作符會做些事情，...