css - 如何制作一个高度可变的 DIV 下推内容？

Question

DIV1(相对定位)内部有数量可变的其他 DIVS(绝对定位)。这些绝对 div 的数量取决于从数据库中检索出的元素数量。因此我无法为 DIV1 指定高度。因此，DIV1 之后的内容(例如表“section2”最终位于 div 下方。

有没有一种简单的方法可以让 DIV1 下推任何后面的内容。谢谢。

<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)方法。您应该重新考虑您的设计，以便这些元素使用相对或静态(正常)定位。

绝对定位的全部意义在于不影响文档的其余部分。