我创建了简单的幻灯片放映,有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
此致
答案 0 :(得分:1)
display: inline-block
上您不需要同时float: left
和#slider div
。当我删除float: left
时,小提琴就起作用了。