2

外側の div と 3 つの内側の div があり、各 div は個別に表示されます。各 div が表示されると、それに応じて外側の div の高さを拡大または縮小します。

動的に拡張される各 div 内にテーブルが必要です。これは、それらがすべて同じサイズになるわけではないことを意味し、外側の div を内側の div のサイズと一致させたいと考えています。

HTML

<div id="scroll-view">
    <div id="scroll-items">
        <div class="view"></div>
        <div class="view"></div>
        <div class="view"></div>
    </div>
</div>
<button id="previous">Previous</button>
<button id="next">Next</button>

CSS

.view { width: 300px; height: 300px; float:left; }
#scroll-view {
    width: 300px;
    height: 50px;

    overflow:hidden;
    position:relative;
}

#scroll-items { width: 10000px; max-height: auto;  overflow:auto; position: absolute ; }
4

1 に答える 1

0

私はあなたが達成しようとしている効果を実際には理解していません、あなたが質問を言い換えることができればそれは助けになるでしょう。

そうは言っても、これはあなたが望むものに近いですか？http://jsfiddle.net/72deF/

于 2012-08-13T14:23:22.933 に答える