Question

我正在尝试创建一个非常简单的jQuery滑块;然而，为了开始，我想把我的div放在彼此旁边，而不是在另一个下面，所以我可以设置'left：'css值的动画。我虽然愚蠢但完全失败了。我不明白。

以下是我正在玩的代码示例：

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

我不明白为什么他们保持在彼此之下，而不是彼此相邻。 left:似乎被忽略了？我可能错过了这里的一些东西。

提前致谢。

Answer 1

您在CSS中使用短划线拼写.scrolling-content，但在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;
}

定位div彼此相邻

3 个答案: