如何讓外部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的大小

回答

相關問題