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/