今天做一个页面，遇到了一个问题，关于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。
对比了同事的电脑后发现我电脑上的scrollbar是实体的
实体scrollbar
而其他同事电脑上的scrollbar都是透明的，只有滚动时才会出现
透明scrollbar
问题就在这了，实体scrollbar占掉了15px的像素，因此<header>少了15px.
解决方案（Mac）：
系统便好设置 -> 通用 ->显示滚动条 -> 滚动时
滚动时才显示滚动条
总结
初入Mac, 还不够熟练，因此犯这样的错误。果然造轮子并不是无益之事，经验就是这么积累的。
