Javascript 我如何知道两个绝对html元素何时堆叠在一起

Javascript 我如何知道两个绝对html元素何时堆叠在一起,javascript,html,css,Javascript,Html,Css,我当前项目的一些背景知识: 我正在构建日历调度程序 我的结构如下: *{ 框大小:边框框; 保证金:0; 填充:0; } .标签{ 显示器:flex; 弯曲方向:行; } .头衔{ 边框:1px#333实心; 填充:10px 20px; 文本对齐:居中; 宽度:100px; } .任务{ 边缘顶部:6px; 位置:相对位置; } .每个任务{ 位置:绝对位置; 边框:1px#333实心; 填充:10px 20px; 宽度:100px; } .任务1{ 左:100px; } .任务2{ 左:30

我当前项目的一些背景知识: 我正在构建日历调度程序

我的结构如下:

*{
框大小:边框框;
保证金:0;
填充:0;
}
.标签{
显示器:flex;
弯曲方向:行;
}
.头衔{
边框:1px#333实心;
填充:10px 20px;
文本对齐:居中;
宽度:100px;
}
.任务{
边缘顶部:6px;
位置:相对位置;
}
.每个任务{
位置:绝对位置;
边框:1px#333实心;
填充:10px 20px;
宽度:100px;
}
.任务1{
左:100px;
}
.任务2{
左:300px;
}
.任务3{
左:500px;
}
.任务4{
左:500px;
顶部:40px;
}

星期一
星期二
星期三
星期四
星期五
星期六
星期日
任务1
任务2
任务3
任务4

您是否能够为代表一周中某一天的每个任务添加一个类?如果是这样的话,您可以通过在每个渐进式任务中添加一个递增的
边距顶部
来与js一起进行黑客攻击。看看我在这里做了什么:

var-marginsat=-40;
$(“.saturday”)。每个(函数(){
$(this.css(“页边距顶部”,marginsat+=40)
})
var Marginutes=-40;
$(“.星期二”)。每个(函数(){
$(this.css(“页边距顶部”,marginutes+=40)
})
var marginth=-40;
$(“.星期四”)。每个(函数(){
$(this.css(“页边距顶部”,marginth+=40)
})
*{
框大小:边框框;
保证金:0;
填充:0;
}
.标签{
显示器:flex;
弯曲方向:行;
}
.头衔{
边框:1px#333实心;
填充:10px 20px;
文本对齐:居中;
宽度:100px;
}
.任务{
边缘顶部:6px;
位置:相对位置;
}
.每个任务{
位置:绝对位置;
边框:1px#333实心;
填充:10px 20px;
宽度:100px;
}
.任务1{
左:100px;
}
.任务2{
左:300px;
}
.任务3{
左:500px;
}
.任务4{
左:500px;
}

星期一
星期二
星期三
星期四
星期五
星期六
星期日
任务1
任务2
任务3
任务4
任务5
任务6
任务7
任务8
任务9
任务10

您是否能够为代表一周中某一天的每个任务添加一个类?如果是这样的话,您可以通过在每个渐进式任务中添加一个递增的
边距顶部
来与js一起进行黑客攻击。看看我在这里做了什么:

var-marginsat=-40;
$(“.saturday”)。每个(函数(){
$(this.css(“页边距顶部”,marginsat+=40)
})
var Marginutes=-40;
$(“.星期二”)。每个(函数(){
$(this.css(“页边距顶部”,marginutes+=40)
})
var marginth=-40;
$(“.星期四”)。每个(函数(){
$(this.css(“页边距顶部”,marginth+=40)
})
*{
框大小:边框框;
保证金:0;
填充:0;
}
.标签{
显示器:flex;
弯曲方向:行;
}
.头衔{
边框:1px#333实心;
填充:10px 20px;
文本对齐:居中;
宽度:100px;
}
.任务{
边缘顶部:6px;
位置:相对位置;
}
.每个任务{
位置:绝对位置;
边框:1px#333实心;
填充:10px 20px;
宽度:100px;
}
.任务1{
左:100px;
}
.任务2{
左:300px;
}
.任务3{
左:500px;
}
.任务4{
左:500px;
}

星期一
星期二
星期三
星期四
星期五
星期六
星期日
任务1
任务2
任务3
任务4
任务5
任务6
任务7
任务8
任务9
任务10

使用
position:absolute有什么特殊原因吗?我的日历结合了拖动和调整大小功能,所以我想它应该显示在同一行上。例如,我可以调整任务1的大小展开星期二和星期三(1 div-element),难道你不能在每天下都有一个不可见的div,然后将每个任务附加到该div中吗?它会自动垂直列出任务,只要你有一个设定的分区宽度。谢谢,大卫,我正在考虑它,但是每天把每个分区放在下面不适合我的结构。例如,我有一个调整大小的功能,可以连续几天展开一个任务,因此它不应该显示在一列中,而是显示在多个列中?我的日历结合了拖动和调整大小功能,所以我想它应该显示在同一行上。例如,我可以调整任务1的大小展开星期二和星期三(1 div-element),难道你不能在每天下都有一个不可见的div,然后将每个任务附加到该div中吗?它会自动垂直列出任务,只要你有一个设定的分区宽度。谢谢,大卫,我正在考虑它,但是每天把每个分区放在下面不适合我的结构。例如,我有一个调整大小的功能,可以连续几天展开一个任务,因此它不应该显示在一列中,而是显示在多个列中。谢谢你,John,我查看了你的代码,但它似乎与我的结构不匹配。请查看此链接以了解想法。我想如果任务彼此堆叠,它将自动添加一个顶部位置(我可以获得每个任务的宽度和左侧位置)。谢谢你,约翰,我看了你的代码,但似乎它不符合我的结构。请查看此链接以了解想法。我想如果任务彼此堆叠,它将自动添加一个顶部位置(我可以获得每个任务的宽度和左侧位置)。