只有當它需要變大時才改變jumbobox的高度

Question

我想根據內容（取決於用戶輸入）來增大jumbobox的高度。雖然這樣做有效，但我得到的問題是，如果內容不多，它也會縮小。 jumbobox在一個容器裏。

我該怎麼做才能讓jumbobox只在需要的時候增長，當它不需要擴展時縮回到一定的高度？我試圖設置height和min-height，但沒有奏效。

CSS：

html 
{ 
    height: 100%; 
} 

#body 
{ 
    background-color: #FFFFFF; 
    overflow-y: auto; 
    width: 100%; 
    height: 100%; 
} 
#customcontainer3 
{ 
    width: 100%; 
    min-height: 100%; 
    display: block; 
    overflow: auto; 
    margin-top: 2.5%; 
    padding-left: 10%; 
    padding-right: 10%; 
} 
#customjumbo4 
{ 
    background-color: #EAEAEA; 
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 0%; 
    padding-bottom: 7.5%; 
} 

Answer 1

改變了我的巨型這樣：

#customjumbo4 
{ 
    background-color: #EAEAEA; 
    position: absolute; 
    width: 80%; 
    height: auto; 
    min-height: 100%; 
    overflow: auto; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 0%; 
    padding-bottom: 7.5%; 
} 

現在的作品，花了我一個很好的一天，算起來：/