一般講的寬度指的是內容寬度，但一個 div 的實際寬度不僅只於內容寬度，尤其在做 CSS 排版時更不能搞錯，必須同時考慮 Padding、Border 與 Margin 的寬度，四個加起來才是 div 真正占有的寬度。
JQUERY 獲取 DIV 寬度與高度（width,padding,margin,border）全都有了！
var content = $(‘div’). width();//只是獲取content寬度
var contentWithPadding = $(‘div’). innerWidth();//獲取content+padding的寬度
var withoutMargin = $(‘div’). outerWidth();//獲取content+padding+border的寬度
var full = $(‘div’). outerWidth(true);//獲取content+padding+border+margin的寬度
寬度與高度概念一樣，只差水平與垂直向而已。
Margin 有個特色，就是當兩個有 margin的 div 靠在一起時，兩個 div 緊鄰的 margin 不是相加，而是取其大者，舉例來說，兩個 10px margin 的 div 並在一起只會有 10px margin 的距離，若是一個 20px margin，另一個為 10px margin，則會有 20px 的 margin。
但是獲取當前元素的全部寬度的時候，還是獲取自身的margin+content+padding+border的值。