Css 为什么剪辑路径插入（0）产生与不设置剪辑路径不同的结果？

我正在创建一个动画，其中div从inset（100%0 0）到inset（0 0 0 0）的剪辑路径向上滚动。但是，在div底部和父容器之间会出现一个小间隙。父母的位置是相对的，孩子的身高是100%。如果我查看开发人员的工具并检查子级和父级的高度，它们都是匹配的

差距从何而来

正文{
身高：100%；
宽度：100%；
保证金：0自动；
}
#主要{
溢出：自动；
高度：64vh；
宽度：38vw；
保证金：0自动；
利润率最高：10%；
位置：相对位置；
边框：1vh纯黑；
溢出：隐藏；
}
#左列{
浮动：左；
宽度：4%；
身高：100%；
左边缘：46%；
背景：黑色；
}
#右柱{
浮动：左；
宽度：4%；
身高：100%；
保证金：0自动；
左边距：0；
-webkit剪辑路径：插入（0）；
剪辑路径：插入（0）；
背景：黑色；
}

---

我不能告诉你为什么，但它看起来像是一个带有

-webkit剪辑路径的webkit bug，据我所知，它只在Chrome上发生（我已经在Firefox、IE、Opera和Chrome上测试过）

尝试替换webkit
-webkit剪辑路径：插入（0%0%0%）与
-webkit剪辑路径：rect（0%0%0%）

或用于：
-webkit掩码剪辑

或者干脆删除它。
这是剪辑路径的舍入错误。尝试更改代码笔视图的宽度，您将看到

我制作了一个视频来展示：