我一直在试图弄清楚如何解决我的滑块问题。当它滑动时，下一张幻灯片会暂时出现在第一张幻灯片的下方，并将其他元素向下推。
这里是网站。http://upperdeck.dev.warp9inc.com/
某处有一个脚本正在为<li>标签添加内联高度。我无法弄清楚它是哪一个。我知道我可以为主容器设置一个高度并将溢出设置为隐藏，但是，如果我这样做，则在拉伸和缩小屏幕尺寸时图像将无法正确调整大小，并允许滑块下方的内容随之移动。
我猜如果我删除了它在每次循环时将高度添加到列表标签的方式，那么也许这会解决它。
设置's 意味着它们将相对于它们通常放置在布局中的位置进行定位position: relative !important;。li因此，当您说 时top: 0px;，这实际上意味着“距我应该放置在布局中的位置的 0 像素”，并且当您的两张幻灯片同时设置display: block;为时，一张位于另一张下方。这导致它向下推动另一个幻灯片。
我能看到的最简单的解决方法是position: relative !important;从幻灯片中删除，并将列表的高度设置为幻灯片的高度。
好的，我找到了一个疯狂的工作。我删除了“相对定位”并在滑块下添加了一个占位符图像，以防止我的其他元素在它下面消失。不是一个很好的解决方案，而是一个修复！