如何让外部div变大或变小到内部div的大小

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

来源

2012-08-13 CodersSC

你会想要使用百分比来根据其父母的大小来增长/缩小。 – 2012-08-13 14:15:27

你试过了什么？你有什么抬头？看来你还没有彻底研究过你的问题的答案。 – Polyov 2012-08-13 14:16:02

我已经厌倦了使用溢出：自动和最小和最大高度，但没有运气@SomekidwithHTML – CodersSC 2012-08-13 14:17:19

I D实际上并不了解你想要达到的效果，如果你能够重新回答这个问题，这会有所帮助。

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

来源

2012-08-13 14:23:22 Josh

是的，但在我的情况会发生什么是外部div'滚动视图'的高度保持不变，所以它像一个固定的高度，我只是希望它增长和相应缩小@Josh – CodersSC 2012-08-13 14:34:57

如果你看代码，有在＃scroll-view上没有定义高度，它会相应地进行调整。请参阅http://jsfiddle.net/72deF/1/。每个.view都有不同的高度，并且＃scroll-view扩大以保持其中最高的。 – Josh 2012-08-13 14:37:49

如果这个答案帮助你，请接受它，以便其他有类似问题的人知道这个解决方案的工作原理。 – Josh 2012-08-16 12:06:31

如何让外部div变大或变小到内部div的大小

回答

相关问题