родительский DIV не растет в высоту

Question

У меня возникли проблемы с получением родительского DIV, чтобы продлить его высоту, как ее дети растут (Freud? :-))

sample page here

родитель здесь быть «main_bottom» который содержит «main_mid» и его детей.

Структура немного необычна, потому что текст должен быть в пределах закругленных углов, которые являются большими, поэтому я не мог использовать обычную «фиксированную верхнюю, а затем динамическую среднюю-фиксированную дно».

конечно ужасный розовый и красный только так, чтобы дети DIVS размеры легко увидеть ..

любая помощь будет высоко оценен

имеют хороший день

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 и height: auto; в родительском div.

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