Margin-Left не работает в слайд-шоу

0

Я создал простую слайд-шоу с 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

С Уважением,

  • 0
    Пожалуйста, оставьте скрипку своего кода
  • 0
    Постараюсь добавить через несколько минут
Показать ещё 6 комментариев

1 ответ

1
Лучший ответ

Вам не нужно display: inline-block и float: left в то же время на #slider div. Скрипка работала, когда я удалял float: left.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню