今天做一個(gè)頁(yè)面才写，遇到了一個(gè)問(wèn)題，關(guān)于scrollbar的鉴裹，折騰了半天總算找到問(wèn)題饱狂。
keywords: Mac scrollbar 滾動(dòng)條 invisible 隱藏
問(wèn)題：<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>
此時(shí)<body>的盒模型如下
body的寬度為1280
<header>的盒模型如下
header的寬度為1650
我就納悶了魔市，為啥就缺了15px。
對(duì)比了同事的電腦后發(fā)現(xiàn)我電腦上的scrollbar是實(shí)體的
實(shí)體scrollbar
而其他同事電腦上的scrollbar都是透明的赵哲，只有滾動(dòng)時(shí)才會(huì)出現(xiàn)
透明scrollbar
問(wèn)題就在這了待德，實(shí)體scrollbar占掉了15px的像素，因此<header>少了15px.
解決方案（Mac）：
系統(tǒng)便好設(shè)置 -> 通用 ->顯示滾動(dòng)條 -> 滾動(dòng)時(shí)
滾動(dòng)時(shí)才顯示滾動(dòng)條
總結(jié)
初入Mac, 還不夠熟練枫夺，因此犯這樣的錯(cuò)誤将宪。果然造輪子并不是無(wú)益之事，經(jīng)驗(yàn)就是這么積累的橡庞。
