Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用css创建重叠的div元素?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何使用css创建重叠的div元素?

Jquery 如何使用css创建重叠的div元素?,jquery,html,css,Jquery,Html,Css,我想创建一个大小为1000x600的div元素。在它里面,我想创建几个大小为50x50的div。我想让所有的小div左下对齐。但是它们需要重叠,并且在较大的div中,它们都在这个角上彼此重叠。然后我想控制div的位置,使它们独立于其他小div,也就是说,它们都可以重叠 当我尝试它时,div只是堆叠在一起。如果我使用绝对位置,那么div相对于整个页面,并且出现在大div之外,我需要它相对于大div 有人知道怎么做吗 谢谢如果没有一些示例代码,或者至少没有一张你想要达到的目标的图,很难说出你在问什么

我想创建一个大小为1000x600的div元素。在它里面,我想创建几个大小为50x50的div。我想让所有的小div左下对齐。但是它们需要重叠,并且在较大的div中,它们都在这个角上彼此重叠。然后我想控制div的位置,使它们独立于其他小div,也就是说,它们都可以重叠

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

有人知道怎么做吗


谢谢

如果没有一些示例代码,或者至少没有一张你想要达到的目标的图,很难说出你在问什么。但是

如果我使用绝对位置,则div相对于整个页面,并显示在大div之外,我需要它相对于大div

您希望在父容器(大div)上设置
位置:相对
。然后,位置为绝对的子元素将相对于大div进行定位。

DEMO

1.)在conatiner div中添加“位置:相对”

2.)将“位置:绝对;左侧:0;底部:0”添加到小刻度

.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;
}

我提醒您,一些代码将很高兴看到。(顺便说一句……我一个字也不懂!:)你能澄清你的想法吗?)你试过给大一点的部门
职位:relative
?这应该允许你在较小的div上使用绝对定位。你说的是将左下角和上角对齐。非常混乱,最后一个问题是将相对位置应用于较大的div。