今天做一個頁面，遇到了一個問題，關于scrollbar的，折騰了半天總算找到問題。
keywords: Mac scrollbar 滾動條 invisible 隱藏
問題：<body>的寬度為1280， <header>的寬度為100%,但是在firebug中查看<header>的寬度只有1265，而且其他人的電腦上<header>的寬度都是正常的1280,只有我的是1265.
代碼如下
<html>
<head>
<style type="text/css">
html,body{
width: 100%;
height: 100%;
}
header{
width: 100%;
}
</style>
</head>
<body>
<header></header>
</body>
</html>
此時<body>的盒模型如下
body的寬度為1280
<header>的盒模型如下
header的寬度為1650
我就納悶了，為啥就缺了15px。
對比了同事的電腦后發(fā)現(xiàn)我電腦上的scrollbar是實體的
實體scrollbar
而其他同事電腦上的scrollbar都是透明的，只有滾動時才會出現(xiàn)
透明scrollbar
問題就在這了，實體scrollbar占掉了15px的像素，因此<header>少了15px.
解決方案（Mac）：
系統(tǒng)便好設置 -> 通用 ->顯示滾動條 -> 滾動時
滾動時才顯示滾動條
總結
初入Mac, 還不夠熟練，因此犯這樣的錯誤。果然造輪子并不是無益之事，經(jīng)驗就是這么積累的。
