0

木の木が見えないだけなのかどうかはわかりませんが、拘束されたブロック内で、DIVの束を左に浮かせようとしています。

私のラッパーは600pxx600pxで、その中にたくさんのDIV（すべて600x600）があり、jQueryを使用してそれぞれにスクロールしています。問題は、それらが一列に浮かぶのではなく、互いに下に座っていることです。

基本的に、垂直方向ではなく水平方向にスクロールしたいと思います。私は以前にこれを解決したと確信しています、そして多分私はそれらの日の1つを持っています、しかし私は今日それを得ることができません:(

どんなポインタでもありがたいです。

<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-blockますwhite-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 に答える