html - 如何使外部div增长或缩小到内部div的大小

Question

我有一个外部 div 和三个内部 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 ; }

Answer 1

我实际上不明白你想要达到的效果，如果你能改写这个问题会有所帮助。

话虽如此，这是否接近您想要的？ http://jsfiddle.net/72deF/