родительский 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;
}

с overflow: auto и height: auto контейнер будет соответствовать содержимому внутри.

Answer 3

Я встречался с этими проблемами пару раз. Мое решение заключается в том, что добавление display: block; у детей div и рост: авто; в родительском отделении

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