处于粘性位置，何时为“保证金盒”未用作“位置框”？

Question

w3.org在其定义中提到粘性定位，以下：以下：

位置框是其边缘框，除了在其边缘边缘和包含块的相应边缘之间的距离的任何一侧都小于其相应的边缘，该距离使用代替该边缘。

我试图复制这种情况

.container {
  height: 100px;
  background: lightgray;
  overflow: auto;
}

.content {
   background: gray;
   border: 1px dotted red;
}

button {
  position: sticky;
  top: 40px;
  margin: 30px 0;
}

.spacer {
  height: 300px; 
}

<div class="container">  
  <div class="content">
    <button>sticky</button>
  </div>
  <div class="spacer"></div>
</div>

现在，粘性元素的边缘边缘与其包含块的相应边缘之间的距离是0，它比其相应的边距小（40px），因此根据W3.org的定义位置框不应是保证金框，而是粘性元素的大小加上0。但是，如您在示例中看到的那样，位置框仍在尊重边距。

请说明为什么位置框与边距框相同。