定位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; 
}