如何将大量div与位置相对重叠

时间:2015-12-02 22:35:50

标签: html css

假设我有一个div容器,其位置为:absolute,有20个div子,所有位置都是相对的(相同大小,彩色100px X 100px盒子)。问题是如何显示彼此重叠的所有子div(每个都在另一个之上,如一副牌)?

有一些问题,但我需要了解适用于任何数量的div的原则(在负边缘上并不完全清楚),理想情况下,我不需要重新计算每个孩子的定位 - div如果任何/所有尺寸都改变了。

1 个答案:

答案 0 :(得分:1)

正如其他两条评论所说,我的定位是:相对;你的父母div。然后position: absolute;所有卡片。绝对位置将元素从网站的“正常流量”中取出,然后允许您将卡片放在彼此之上。您可以将它们与position: relative;重叠,但这意味着每张卡片都需要自己独立的样式,以确保它定位在另一张卡片上,这将是很多工作。有关位置属性http://www.w3schools.com/css/css_positioning.asp

的更多信息,请参阅此处