为什么高度值的getComputedValue会发生变化？

Question

var blueD = document.getElementById("blueDiv");
var blueStyle = window.getComputedStyle(blueDiv, null);
var hScrollHeight = (parseInt(blueStyle.getPropertyValue("height"),10) - blueD.clientHeight); // 15
alert(blueStyle.getPropertyValue("height")); // 185px
alert(blueD.clientHeight); // 185

#blueDiv {
  width: 200px; 
  height: 200px;
  overflow-x: scroll;
  background-color: blue;
}

<div id="blueDiv"></div>

我的问题是当#blueDiv元素高度为200px时，第一个警报方法显示185px的原因是什么？如果我注释掉以“var hScrollHeight”开头的行，那么第一个警报方法会正确显示200px。