Css 切换单击时页面元素上移

在Safari中（所有其他浏览器都没有这个问题），当我点击切换我的内容时，页面上的所有元素都会移到顶部。我发现它与幻灯片冲突，因为当我删除该幻灯片的CSS时，问题就消失了。我已将其缩小到CSS中影响切换单击的两个部分：

.rs-slider > li {
list-style: none;
filter: alpha(opacity=0);
opacity: 0;
width: 100%;
height: 100%;
margin: 0 -100% 0 0;
padding: 0;
float: left;
position: relative;
}

.rs-thumb-wrap > a {
display: block;
float: left;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

---

在Safari中，我应该改变什么以使切换不向上移动？

问题在于-100%的裕度。我把它改为零，但现在幻灯片的高度是超长的。现在只是在玩弄高度值。你能用它为我们制作样品吗？