css - CSS：强制浮动：div内的元素

Question

不确定我是否只是没有看到树木的木材，但我试图迫使一堆 DIV 向左浮动 - 在一个受限制的块内。

我的包装器是 600px x 600px，在其中我有一堆 DIV（全部，也是 600x600），我使用 jQuery 滚动到每个 DIV。问题是，它们坐在一起而不是排成一排。

本质上，我想水平滚动，而不是垂直滚动。我确定我以前已经解决了这个问题，也许我正经历着这样的一天，但我今天无法得到它:(

任何指针表示赞赏。

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