Javascript 首次加载网站或通过重新输入URL刷新网站时，Microsoft Edge会错误地定位div

正如标题中提到的，当我加载第二个div时，它位于第一个div之下，它不应该这样做，如果我在任何其他浏览器（Chrome、Firefox）中打开网站，它就会正常工作

为了制作动画，我在加载时调用JS函数

我真的不知道这是怎么回事，即使当我把CSS通过它改变不了什么

HTML:

功能测试（）{
$（'.animacija'）。每个（函数（索引，元素）{
setTimeout（函数（）{
element.classList.remove（'anim8'）；
}，指数）；
});
}

.vrsta2{
溢出x：隐藏；
宽度：100%；
最大高度：91vh；
边界：0px；
}
阿尼马西娅先生{
过渡时间：2s；
宽度：50%；
}
.animacija.anim8:n个孩子（偶数）{
转化：translateX（100%）；
}
.animacija.anim8:n个孩子（单数）{
转化：translateX（-100%）；
}
#科洛{
宽度：50%；
高度：91vh；
背景图片：url（uploads/images/kolo/kolo_trgovina_2.jpg）；
背景尺寸：封面，0px，0px，0px；
位置：相对位置；
背景重复：无重复；
背景位置：中心；
浮动：左；
}
#摩托{
宽度：50%；
高度：91vh；
背景图片：url（uploads/images/moto/moto_trgovina.jpg）；
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
浮动：左；
}
.trgovina1{
宽度：100%；
高度：91vh；
文本对齐：居中；
字体大小：3vw；
填充：300px20%0px20%；
颜色：#EED484；
不透明度：0；
背景色：rgba（0,0,0,0.8）；
字体系列：Gotham，“Helvetica Neue”，Helvetica，Arial，“无衬线”；
}
.trgovina2{
宽度：100%；
高度：91vh；
文本对齐：居中；
字体大小：3vw；
填充：300px20%0px20%；
颜色：#EED484；
不透明度：0；
背景色：rgba（0,0,0,0.8）；
字体系列：Gotham，“Helvetica Neue”，Helvetica，Arial，“无衬线”；
}
第1部分：悬停{
不透明度：1；
过渡时间：0.5s；
}
第2部分：悬停{
不透明度：1；
过渡时间：0.5s；
}

嗨！我将您的代码块转换为可运行的代码段，发现添加url时出现语法错误，synatx错误是因为缺少“在url之前。嗨！我将您的代码块转换为一个可运行的代码段，它显示在添加url的

中存在语法错误，synatx错误是因为url之前缺少一个“before”。