如何使用css或jquery顯示新div時增加自動高度？

Question

頁面有一個頁眉和頁腳，並在主體中有兩個按鈕（第一個和第二個按鈕）。當我點擊第一個按鈕時，會顯示div（身高400px），身體的大小也會增加

當我點擊第二個按鈕時，第一個div將消失，另一個具有700px高度的div將增加身體的大小。

所以你怎麼能增加身體高度取決於出現div的大小？

Answer 1

你可以使用一些像這樣：

var h = $(window).height() || window.innerHeight; 
var w = $(window).width() || window.innerWidth; 

改變你的類/ ID的div window

Answer 2

你可以在你的CSS使用包裝，例如..

CSS：

#wrapper 
{ 
    padding: .1em; 
    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
} 

html /或任何文件：

<div id="wrapper"> <!-- main div for the body that wraps --> 
    <!-- put your functions and whatever inside the wrapper div --> 
    <div> Another div you add </div> 
    <div> Another div you add </div> 
</div>