Question

DIV1（相对定位）内部有一个可变数量的其他DIVS（绝对定位）。这些绝对div的数量取决于从数据库中检索的项目数。因此我无法为DIV1指定高度。结果，DIV1之后的内容（例如表'section2'结束于div之下。

是否有一种简单的方法可以让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

将其放在div1及以上第2节

之下

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

祝你好运！

如何制作具有可变高度的DIV下推内容？

2 个答案: