我們先來說說 什麼是CSS的盒模型呢？

百度一下：

想象一個盒子，它有：外邊距（margin）、邊框（border）、內邊距（padding）、內容（content）四個屬性；

好百度是這樣解釋的。

行 但是我們還有兩個小概念 一個是標準模型（content-box） 和IE模型  （border-box）

這兩個有什麼區別呢？就是一個塊的寬高 標準一個是 content  一個 還要加上 內邊距和邊框 （字面意思）

那麼，我們怎麼來獲得盒子模型的寬和高呢？

1. dom.style.width (只適用於內聯樣式)

2. dom.currentStyle.width(不相容)

3. window.getComputedStyle(dom).width(不太懂)

4.dom.getBoundingClientRect().width（不太懂）