【发布时间】：2013-12-03 15:59:25
【问题描述】：
我正在使用 iDangero.us Swiper 插件作为主页滑块，我在所有浏览器中都遇到了一个特殊的问题。我有 4 张幻灯片（每张都是一个带有背景图像和一些文本和图像的 div），在我滑动（或单击“下一步”按钮）从最后一张幻灯片转到第一张之前，一切看起来都很好。新幻灯片完全显示为白色，只需轻轻拖动即可使其正常显示。
有趣的是，如果我向后滚动（将滑块向左拖动或单击“返回”按钮），则不会发生这种情况。
演示在这里：https://dl.dropboxusercontent.com/u/13308449/design-boost/index.html
什么可能导致这种行为，我该如何解决？
【问题讨论】：
-
向左滑动时，我只得到前 4 个 div。向右滑动会带来第 5 个，但最后一个会停留在
window下方……你的东西都搞砸了！ -
我不确定，因为我不熟悉那个确切的插件，但似乎最后一个 div 低于前一个。我猜这是容器的一些宽度问题，因此它被移动到下一行，低于
window，因为所有的 div 都是全屏的 -
换句话说，它并没有真正低于
window视图，我说错了。它只是在滑动塞与所有其他 div 的包装之下。另外，如果我再次滑动，它会从第 3 个 div 开始，而不是第一个 -
是的，如果我让你的包装器更大，最后一个 div 会弹出就好了
-
我想我找到了问题所在。如果我删除可见幻灯片上的边距，一切正常。就像你说的，问题不在于插件，而是我的 CSS 搞砸了。显然，容器的宽度是由插件计算的，它可能没有考虑幻灯片的边距（或类似的东西），导致容器比它应该的小。感谢您的帮助，它让我找到了正确的地方。