**
jquery的width()方法獲取到的寬度是不包含元素的padding值、margin值、以及border值的
元素在實際寬度需要採用其他方法來獲取
如下：outerwidth()函式用於設定或返回當前匹配元素的外寬度。
外寬度預設包括元素的內邊距(padding)、邊框(border)，但不包括外邊距(margin)部分的寬度。你也可以指定引數為true，以包括外邊距(margin)部分的寬度。如下圖：
如果你要獲取其它情況的寬度，請使用width()和innerwidth()，你可以點此檢視三者之間的區別。
outerwidth(options)
獲取第乙個匹配元素外部寬度（預設包括補白和邊框）。
此方法對可見和隱藏元素均有效。
返回值：integer
引數：
options(boolean) : (false) 設定為 true 時，計算邊距在內。
示例：
獲取第一段落外部寬度。
html **:
jquery **:
var w = $("#test").outerwidth(true);
$("#test").html(w);
結果:
100
outerheight(options)
獲取第乙個匹配元素外部高度（預設包括補白和邊框）。
此方法對可見和隱藏元素均有效。
返回值：integer
引數：
options(boolean) : (false) 設定為 true 時，計算邊距在內。
示例：
獲取第一段落外部高度。
html **:
jquery **:
var h = $("#test").outerheight(true);
$("#test").html(h);
結果: 40
返回元素的寬度，一直包括左右 padding值，border值和可選擇性的margin。單位為畫素。
如果includemargin省略或者false，padding 和 border會被包含在計算中；如果true，margin也會被包含在計算中。
這個方法不適用於window和document物件，可以使用.width()代替。雖然.outerwidth()可以在**元素上使用， 使用border-collapse: collapsecss屬性可能會產生意外結果。
js獲取Html元素的實際寬度高度
第一種情況就是寬高都寫在樣式表裡，就比如 div1。這中情況通過 div1.style.width拿不到寬度，而通過 div1.offsetwidth才可以獲取到寬度。第二種情況就是寬和高是寫在行內中，比如style width 120px 這中情況通過上述2個方法都能拿到寬度。小結，因為id.of...
js獲取Html元素的實際寬度高度
第一種情況就是寬高都寫在樣式表裡，就比如 div1。這中情況通過 div1.style.width拿不到寬度，而通過 div1.offsetwidth才可以獲取到寬度。第二種情況就是寬和高是寫在行內中，比如style width 120px 這中情況通過上述2個方法都能拿到寬度。小結，因為id.of...
原生js獲取Html元素的實際寬度高度
第一種情況就是寬高都寫在樣式表裡，就比如 div1。這中情況通過 div1.style.width拿不到寬度，而通過 div1.offsetwidth才可以獲取到寬度。第二種情況就是寬和高是寫在行內中，比如style width 120px 這中情況通過上述2個方法都能拿到寬度。小結，因為id.of...