Jquery在滑块奥秘中添加了额外的边距空间？

Question

当你点击“工作”按钮this live page时，它会加载一个jquery滑块，但它在第一次加载时会添加一些额外的填充或边距。

然后，当我循环浏览所有幻灯片时，当它返回到第一个幻灯片时，它会正确地重置为指定的css样式。看起来还不能解决这个问题！

Answer 1

好吧，首先我会摆脱你所有的疯狂的利润。看你的代码真的很让人困惑。

我建议使用位置:绝对的滑块导航(下一个/上一个)，我不会使用任何巨大的负边距，就像你得到的那样。

你的部分问题是，你已经将bx滑块的宽度设置为655px，但背景图像很小，不匹配。

这看起来与bx滑块的行为没有任何关系，它是你在样式表中展示它的方式。

我的建议是确保所有内容都设置为655px。滑块包装、滑块、列表项等。

然后，在其中设置相应的内容样式。现在的图像不够宽，这就是为什么你要让图像漂浮在左边。取而代之的是使用一些更宽的图像。您可以使用已设置的包装器使内容居中显示在列表项中。

我会从你的样式表开始，因为它真的很乱。再说一次，不要害怕定位元素，特别是导航。如果你碰巧以现在的方式移动了一件物品，所有的东西都会跳起来，因为你得到了巨大的负边距。这将是一个令人头疼的改变，所以我建议现在就解决它。

Answer 2

更改包装器div (wrapper_2、wrapper_3 ...)填充到3styles.css文件中的填充: 30px 0 0 130px；。