Question

我想创建一个大小为1000x600的div元素。在其中，我想创建几个大小为50x50的div。我想让所有小div底部对齐。但是他们需要重叠，并且所有人都会在更大的div中相互重叠。然后我想控制div的位置，使它们独立于其他小div，即它们都可以重叠。

当我尝试时，div只是堆叠在一起。如果我使用绝对位置，那么div相对于整个页面而且出现在大div之外，我需要它相对于更大的div。

任何人都知道怎么做？

由于

Answer 1

如果没有一些示例代码或至少是您想要实现的目标，很难说出您的要求。但...

“如果我使用绝对位置，那么div就是相对于整个页面而出现在大div之外，我需要它相对于更大的div”

您想在父容器（大div）上设置position: relative。然后position: absolute的子元素将相对于大div进行定位。

Answer 2

DEMO http://jsfiddle.net/LsL4p/

1。）将＆＃34; position：relative＆＃34; 添加到conatiner div

2。）将＆＃34; position：absolute; left：0; bottom：0＆＃34; 添加到小div。

.container{
        border:1px solid #333333;    
        position:relative;
        width:1000px;
        height:600px;
}
.small-div{
        border:1px solid red;   
        position:absolute;
        bottom:0;
        left:0;
        width:50px;
        height:50px;
}

如何用css创建重叠的div元素？

2 个答案: