Я создал простую слайд-шоу с 7 div размером 300px и высотой. Каждый div помещается относительно друг друга. Все они помещаются внутри контейнера div 900px относительно друг друга с остатком влево как 10px. Теперь, чтобы сместить изображения, я меняю оставшийся край.
Случай 1: маржа слева от всех div равна 10px; Теперь ползунок переместит первый div, установив его поле слева на -310px. Все остальные divs следуют за первым div, так как они относительно друг друга.
Случай2: теперь, когда я устанавливаю поле первого div на -620px, положение другого div не изменяется, то же самое наблюдается во всех остальных 5 случаях. Почему это происходит. Пожалуйста, объясните. Позвольте мне, если требуются другие данные. Я не добавил код, так как многие другие вещи включены с слайдером, который смутит всех.
ссылка на jfiddle http://jsfiddle.net/#&togetherjs=LFTr8KkT3y
С Уважением,
Вам не нужно display: inline-block
и float: left
в то же время на #slider div
. Скрипка работала, когда я удалял float: left
.