为什么滚动条向左突出也不出现？

Question

我创建了这段代码。这会向右溢出，导致出现滚动条：

.content {
  position: absolute;
  height: 100px;
  width: 100px;
  right: -50px;
  top: 50px;
}

<div class="content">
  CONTENT
</div>

---

但是，这段向左延伸的代码并没有生成滚动条。我从 W3C 规范中解释说，这会在两个方向上创建滚动条。

overflow-x 属性指定对水平方向溢出的处理（即从框的左右两侧溢出），overflow-y 属性指定对垂直方向溢出的处理（即从框的左右溢出）盒子的顶部和底部）。

^{https://www.w3.org/TR/css-overflow-3/}

.content {
  position: absolute;
  height: 100px;
  width: 100px;
  left: -50px;
  top: 50px;
}

<div class="content">
  CONTENT
</div>

W3C 规范是否解释了为什么向左投影时不生成滚动条？

Answer 1

这是3.3 节中的这一段。滚动原点、方向和限制

由于 Web 兼容性限制（由作者利用遗留错误秘密地向视觉阅读器隐藏内容而不是搜索引擎和/或语音输出造成），UA 必须在块开始和内联开始上剪辑滚动容器的可滚动溢出区域框的侧面（因此表现得好像在那一侧没有可滚动溢出）。

换句话说，理论上溢出发生在双方。但它被剪掉了。