定位div旁邊的海誓山盟

Question

我想創建一個非常簡單的jQuery滑塊;然而，要開始，我想把我的div放在eachother旁邊，而不是在eachother下面，這樣我就可以爲'left：'css值設置動畫。儘管我很愚蠢，但完全失敗了。我不明白。

這裏是我與打碼的例子：

http://jsfiddle.net/YUQWx/1/

我不明白爲什麼他們保持低於海誓山盟，而不是去旁邊的海誓山盟。 left:似乎被忽略？我可能錯過了這裏的東西。

在此先感謝。

Answer 1

你拼寫.scrolling-content與CSS的一個破折號，但在HTML下劃線（<div id="zone_a" class="scrolling_content">）。修復拼寫，你會沒事的:-)

Answer 2

您試過float: left;。更改以下內容：

#scrollzone 
{ 
    width: 700px; 
    height: 200px; 
    position: relative; 
    float: left;  
} 

#zone_a, #zone_b, #zone_c 
{ 
    width: 300px; 
    float: left; 
    height: 200px;  
    top: 0px; 
} 

Answer 3

您需要浮動div。喜歡的東西：

#div1 { 
    float: left; 
    width: 200px; 
} 

#div2{ 
    float:left; 
    width:200px; 
}