0

不确定我是否只是没有看到树木的木材,但我试图迫使一堆 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>
4

1 回答 1

3

你可以尝试使用inline-blockwhite-space: nowrap

<style>
#parent {width:600px; height:600px; white-space: nowrap; overflow: hidden;}
.kids {display: inline-block; width:600px; height:600px;}
</style>
于 2012-08-16T14:40:14.717 回答