Как сделать DIV с переменной высотой вниз вниз контента после?

Question

DIV1 (относительное позиционирование) имеет переменное количество других DIVS (абсолютное позиционирование) внутри него. Количество этих абсолютных div зависит от того, сколько элементов извлекается из базы данных. Поэтому я не могу указать высоту для DIV1. В результате, содержание после Div1 (например, таблицы «section2» в конечном итоге под дивы.

Есть простой способ сделать Div1 надавите любое содержание приходя после. Thx.

<div id='DIV1' style='position:relative;'> 
    <div style='position:absolute;top:0px;left:0px;width:285px;height:74px;'> 
    .... 
</div> 

<table id='SECTION2'> 
<tr> 
<td>ITEM A</td> 
<td>ITEM B</td> 
<td>ITEM C</td> 
<td>ITEM D</td> 
</tr> 
... 
</table> 

Answer 1

Там нет простого (без JavaScript), путь до тех пор, пока содержание позиционируются абсолютно. Вы должны пересмотреть свой дизайн так эти элементы используют относительное или статическое (нормальное) позиционирование.

Вся точка абсолютного позиционирования не должна влиять на остальную часть документа.

Answer 2

Просто положи это ниже див1 и выше section2

<div style="clear: both;"></div> 

Good Luck!