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

时间:2013-11-14 10:47:14

标签: javascript jquery css html

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

情况1: 所有div左边的保证金是10px; 现在滑块将通过将其margin-left设置为-310px来移动第一个div。 所有其他div都遵循第一个div,因为它们是相对的。

情况2: 现在,当我将第一个div的边距设置为-620px时,其他div的位置不会改变,在所有其他5个情况下也会观察到相同。为什么会这样呢?请解释一下。如果需要任何其他细节,请跟我说。我没有添加代码,因为滑块中包含许多其他内容会使所有内容混淆。

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

此致

1 个答案:

答案 0 :(得分:1)

display: inline-block上您不需要同时float: left#slider div。当我删除float: left时,小提琴就起作用了。