如何重疊列中的div？

我得到了一個表列，並動態地放入了一些div。 div是一個容器div的孩子，所以他們可以絕對定位它。如何重疊列中的div？

下面是一個例子：

<div class="container" style="width: 100px"> 
    <div id="div1" style="position:absolute;top:50px;height:100px;width:100px"></div> 
    <div id="div2" style="position:absolute;top:50px;height:100px;width:100px"></div> 
</div>

第一個問題在這裏，即DIV2涵蓋DIV1。所以div1需要50px的寬度，div2也是。而div2必須左：50px。有沒有辦法檢查一個div是否覆蓋其他div？或者是否有任何適合列中所有div的jQuery插件？

這是我需要的一個例子。它從谷歌日曆：

example

編輯：好了，此刻我可以用一些JavaScript做這些：

enter image description here

但我需要這些： enter image description here

約會7和6必須旋轉。所以他們適合空的空間。我可以用同位素做這些嗎？

編輯：可以按日期時間排序與同位素和手動設置CSS頂級屬性？

來源

2012-08-29 thomas

你可以嘗試像插件：

http://masonry.desandro.com/

來源

2012-08-29 15:22:32 Giberno

砌體不要更改divs寬度以適合列。但多數民衆贊成我需要 – thomas

@thomas，另一個jquery plungin：'http：// isotope.metafizzy.co /'也自動重新排列div位置。 – Giberno

使用CSS屬性稱爲Z-指數。 Z-index將它們作爲一個層來管理。這將允許你互相重疊div。

來源

2012-08-29 15:57:12

我知道z-index，但它相同尺寸的div覆蓋對方。 – thomas

如何重疊列中的div？

回答

相關問題