转换后错误的边距大小？

Question

我对Chrome中此示例中的边距大小感到困惑（截至发布时为56.0.2924.87）

<div class='a'><div class='b'></div></div>

这是简单的css：

.a {
  position: absolute;
  width: 100px;
  height: 400px;
  background-color: red;
  overflow-y: scroll;
}

.b {
  position: absolute;
  top: 0;
  left: 0;
  height: 4000px;
  width: 100%;
  background-color: pink;

  transform-origin: 50% 0%;
  transform: scale( 0.25 );

  margin-top: 20px;
  margin-bottom: 20px;
}

http://codepen.io/jedierikb/pen/EZRZbx?editors=1100

有些问题：

• 为什么最高保证金与底部保证金不同？上边距占用20px，而下边距只占几个像素。

• 为什么上边距不缩放？我预计20px的边际值将与内容一样缩放。

• 我会使用什么价值作为底部保证金，使其与上边距相同？