Question

我不确定我是不是只看到树木的木头，但是我试图迫使一堆DIV向左漂浮 - 在一个受限制的区域内。

我的包装器是600px x 600px，其中我有一堆DIV（全部，也是600x600），我正在使用jQuery滚动到每一个。问题是，它们位于彼此之下而不是连续浮动。

基本上，我想要水平滚动，而不是垂直滚动。我确定我之前已经解决了这个问题，也许我现在有一天这样，但我今天无法得到它:(

任何指示赞赏。

<style>
#parent {width:600px; height:600px;}
.kids {width:600px; height:600px; float:left;}
</style>

...

<div id="parent">
    <div class="kids"> ... some content ... </div>
    <div class="kids"> ... some content ... </div>
    <div class="kids"> ... some content ... </div>
</div>

...

<nav>
   <a>{onclick srolls #parent to left:600px}</a>
</nav>

Answer 1

您可以尝试使用inline-block和white-space: nowrap

<style>
#parent {width:600px; height:600px; white-space: nowrap; overflow: hidden;}
.kids {display: inline-block; width:600px; height:600px;}
</style>

CSS：强制浮动：左侧为div中的元素

1 个答案: