CSS:box model border-box

指定元素大小時會因為padding,border的大小而影響元素實際大小

因為預設box model是content-box

每次只要調整padding或border，整個寬度或高度就全變了~使用起來很麻煩~

現有border-box可以設定,設好寬高是多少就是多少,

不會受到padding,border大小影響,使用起來較直覺 新版瀏覽器有支援,且不影響Jquery

假設所有元素要套用,使用法如下
* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}

Note:不能與Bootstrap合用, 部份格式會跑掉