javascript - Margin-Left 在幻灯片放映中不起作用

Question

我创建了简单的幻灯片放映，它有 7 个宽度和高度为 300 像素的 div。每个 div 都是相对放置的。所有都放置在一个 900px 的容器 div 中，相对于彼此留有 10px 的边距。现在要滑动图像，我正在更改左边距。

案例一:所有div的左边距为10px；现在， slider 将通过将其 margin-left 设置为 -310px 来移动第一个 div。所有其他 div 都在第一个 div 之后，因为它们彼此相关。

案例二:现在，当我将第一个 div 的边距设置为 -620px 时，其他 div 的位置没有改变，在所有其他 5 种情况下也观察到同样的情况。为什么会这样。请解释一下。如果需要任何其他详细信息，请告诉我。我没有添加代码，因为 slider 中包含许多其他内容，这会使所有人感到困惑。

链接到 jfiddle http://jsfiddle.net/#&togetherjs=LFTr8KkT3y

问候，

Answer 1

您不需要在 #slider div 上同时使用 display: inline-block 和 float: left。当我删除 float: left 时， fiddle 起作用了。