Responsive page height as a div expands html css -


my situation: on page have multiple collapsible panels in right hand column of main content. @ moment happens when expand panel (which contains large amount of text) goes off page. therefore meaning user can't read it. due fact height hard coded. want happen when div expands, if reaches max height of page, page height expands incorporate of text.

question: there way make possible page height expands along div?

my css:

.container {     width: 1000px;     margin: 0px auto;     background-color:white;     height: 0px auto; } #page {     overflow: hidden;     width: 900px;     padding: 0px 50px 50px 50px;     background-color: #ffffff; } #content {     float: right;     width: 580px; } 

thankyou suggestions

instead of using height try set position "absolute" , 0px top , bot on .container?

.container {     width: 1000px;     margin: 0px auto;     background-color:white;     top: 0px;     bottom: 0px; } 

Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -