Html 边界半径和溢出隐藏的元素可以'；t使用非元素的绝对位置剪辑内容'；直系子

在Chrome 60.0.3112.90（64位）中。 我的系统是macOS 10.12.4

如您所见，蓝色框已溢出。我怎样才能解决这个问题？为什么它会溢出

请检查这个

或者这是我的密码

.outer{
宽度：200px；
高度：200px；
边界半径：10px；
边框：1px纯黑；
位置：绝对位置；
溢出：隐藏；
}
.内部{
宽度：200px；
高度：200px；
位置：相对位置；
溢出：滚动；
背景颜色：浅蓝色；
}
.2{
宽度：200px；
高度：400px；
背景颜色：浅灰色；
}
.3{
宽度：200px；
高度：100px；
位置：绝对位置；
背景颜色：蓝色；
}

---

您可以将

z-index:1

应用于

.outer

CSS类。 你们也可以试试这个解决方案，其他人经常使用它

---

您有一个正在运行的演示

它在提供的JSFIDLE中运行良好。抱歉！我应该提到的是，问题出现在chrome 60中。chrome 60工作正常。我可以在chrome

版本60.0.3112.90（官方版本）（64位）

-

Mac 10.12.6上重现这个问题。

请停止标记问题。我的版本是

60.0.3112.90（64位）

，我的系统是macOS 10.12.4。这是一个BUG还是什么…我发现任何可以创建堆栈上下文的东西都可以解决这个问题。