幅と高さが 300px の 7 つの div を持つ単純なスライド ショーを作成しました。各 div は互いに相対的に配置されます。すべては、マージンを 10 ピクセルのままにして、相互に相対的な 900 ピクセルのコンテナー div 内に配置されます。画像をスライドさせるために、余白を左に変更しています。
ケース 1: すべての div の左マージンは 10px です。これで、スライダーは margin-left を -310px に設定して最初の div を移動します。他のすべての div は、互いに相対的であるため、最初の div に従います。
ケース 2: 最初の div のマージンを -620px に設定すると、他の div の位置は変更されず、他の 5 つのケースすべてで同じことが観察されます。なぜこうなった。説明してください。その他の詳細が必要な場合はお知らせください。スライダーには他の多くのものが含まれているため、すべてを混乱させるため、コードを追加していません。
jfiddle http://jsfiddle.net/#&togetherjs=LFTr8KkT3yへのリンク
よろしく、