Html 转换位置：相对'；s top属性导致IE11中的重新播放和跳转

在IE11中运行以下代码时，“items”开始抖动，页面会重新显示（即使position:relative不应更改布局）

有趣的部分包括：

content > article > a {
    position: relative;
    top: 0;
    transition: top ease-in-out 0.3s;
}

content > article >a:hover {
    top: -0.375vw;
    transition-duration: 0.15s;
}

完整的可运行代码如下：

某地
身体{
背景色：黑色；
字体系列：无衬线；
填料：0.375vw；
}
内容{
字号：0；
}
内容>文章{
显示：内联块；
框大小：边框框；
宽度：50%；
填料：0.375vw；
}
内容>文章>a{
显示：块；
宽度：100%；
身高：100%；
位置：相对位置；
排名：0；
过渡：顶进顶出0.3秒；
颜色：白色；
文字装饰：无；
}
内容>文章>a>span{
显示：块；
最大宽度：100%；
宽度：1280px；
高度：548px；
背景颜色：灰色；
}
内容>文章>标题{
显示：块；
框大小：边框框；
宽度：100%；
高度：2.25vw；
填料：0.375vw 0.75vw；
线高：1.5vw；
字体大小：1.5vw；
背景色：#3A3A；
}
内容>文章>a:悬停{
顶部：-0.375vw；
过渡时间：0.15s；
}