如何製作可變高度的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下推內容？

回答

相關問題