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

Question

我創建了一個簡單的幻燈片放映，具有7個div，寬度和高度為300px。 每個div都相對放置。 全部都放置在彼此相對900px的容器div中，邊距保留為10px。 現在滑動圖像，我在改變左邊距。

情況1：所有div的左邊距為10px； 現在，滑塊將其第一個div的左邊距設置為-310px來移動它。 所有其他div都遵循第一個div，因為它們彼此相對。

情況2：現在，當我將第一個div的邊距設置為-620px時，其他div的位置不變，在所有其他5種情況下觀察到相同。 為什么會這樣呢？ 請說明。 如果需要其他詳細信息，請讓我。 我還沒有添加代碼，因為滑塊附帶了很多其他功能，這會使所有人感到困惑。

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

問候，

Answer 1

您不需要display: inline-block和float: left在#slider div上同時float: left 。 當我卸下float: left時，小提琴起作用了float: left 。