父div不会增长

Question

我很难让父母div在孩子成长时延长身高（弗洛伊德？： - ））

sample page here

这里的父母是“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;
}

使用overflow: auto和height: auto容器将适合内部的内容。

Answer 3

我几次遇到这些问题。我的解决方案是添加display：block;在儿童div和身高：汽车;在父div。

div.parent {
    ...
    height: auto;
    ...
}
div.child {
    ...
    display: block;
    ...
}