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

DIV1（相对定位）在其内部具有可变数量的其他DIVS（绝对定位）。这些绝对div的数量取决于从数据库中检索多少个项目。因此我无法为DIV1指定高度。其结果是，内容DIV1后（如表“第2节”结束的div下方。如何制作可变高度的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>

来源

2012-02-29 flukyspore

有没有简单的（非JavaScript）的方式，只要内容是绝对定位的，你应该重新审视自己的设计，使这些项目使用相对或静态（正常）定位。

绝对定位的要点是对文档的其余部分没有影响。

来源

2012-02-29 23:51:07 SpliFF

只要把这下面DIV1和上述第2节

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

好运！

来源

2012-02-29 23:50:27 Ricketts

他没有说他们是漂浮的。 – SpliFF 2012-02-29 23:51:41

@Ricketts Thx尝试，但没有奏效。 – flukyspore 2012-02-29 23:55:52

糟糕，没有看到。我以为他们是漂浮的。斯普利夫说得对，你需要改变你的定位。 – Ricketts 2012-03-01 00:30:45

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

回答

相关问题