我有一堆DIV。在这些div内部是可展开的jquery面板,放置在这些div内部。当面板扩展时,如果它比包含它的div大,我希望它能够扩展。我一直在尝试这里无休止的建议,但我的CSS有问题。谢谢任何帮助。我想知道是否是我的position:absolute造成的问题。我需要锁定顶部和左侧属性,但div可以向下扩展,我只想让它们将下面的div一起向下推。
#framecontent{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 815px; /*Width of frame div*/
height: 600px;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
overflow-x: hidden;
background-image: url('../images/Bkgrnd.png');
background-repeat:repeat-x;
}
#listcontainer{
position:absolute;
width: 260px;
margin-top: 70px;
margin-left:40px;
}
/* Main Header */
#headercontent{
position:absolute;
background: #3e3e3e;
top:0px;
height: 65px;
width: 615px;
position: fixed;
left: 200px;
}
#subheading1 {
position: absolute;
background: #585858;
top: 65px;
height: 45px;
width: 615px;
left: 200px;
color:#ffffff;
}
#response{
position: absolute;
background: #585858;
top: 110px;
min-height: 115px;
width: 615px;
left: 200px;
color:#ffffff;
/* box-shadow:inset 5px 5px 2px #000000; */
}
#subheading2 {
position: absolute;
background: #313131;
top: 225px;
height: 45px;
width: 615px;
left: 200px;
color:#ffffff;
}
#summary {
position: absolute;
background: #454545;
top: 270px;
height: 375px;
width: 615px;
left: 200px;
}