将 div 放置在彼此旁边

Question

我正在尝试创建一个非常简单的 jQuery 滑块；然而，首先，我想将我的 div 放置在彼此旁边而不是在彼此下方，这样我就可以为 'left:' css 值设置动画。我很愚蠢，而且在这方面完全失败了。我不明白。

这是我正在使用的代码示例：

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

我不明白为什么他们呆在彼此下面而不是挨着彼此。 left: 似乎被忽略了？我可能在这里错过了一些东西。

提前致谢。

Answer 1

您在 CSS 中拼写 .scrolling-content 时带有破折号，但带有下划线 (

)在 HTML 中。纠正拼写，你就会没事的:-)

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