父div不会增长

Question

当孩子长大时,我很难让父母div扩展它的高度(弗洛伊德？:-))

样本页面在这里

这里的父母是"main_bottom",其中包含"main_mid"及其子节点.

结构有点不寻常,因为文本必须在圆角内,这是很大的,所以我不能使用通常的"固定顶部 - 然后动态中间 - 然后固定底部"例程.

当然可怕的粉红色和红色只是让孩子们的尺寸很容易看到..

任何帮助将受到高度赞赏

祝你今天愉快

Answer 1

文本的父容器之一具有固定的高度,文本浮动但未清除.从中删除height: 135px(可能替换为min-height)规则#main_bottom并添加overflow: auto规则#main_mid以清除浮动,布局将按预期工作.

Answer 2

添加这些定义

#main_bottom {
  min-height: 600px;
  overflow: auto;
}


#main_mid {
  overflow: auto;
  height: auto;
}

with overflow: auto和height: auto容器将适合内部的内容.