我希望几个div彼此相邻，但也允许它们与前一个div重叠
我想得到的是一个时间线，带有一定长度事件的div。这些事件可能相互重叠
我的想法是给每个div相同的顶部位置，增加z指数和增加左侧位置（根据事件的时间）。稍后，我会用鼠标在事件上弹出各个div，以可视化重叠
我要做的是使每个div都位于下一个div之下。通过摆弄top属性，我可以使它们水平对齐，但我看不到模式
<；div class=“day”>；
<；div style=“顶部：35px；左侧：200px；背景色：红色；高度：50px；宽度：24px；z索引：1；位置：相对；”></部门>；
<；div style=“顶部：35px；左侧：220px；背景色：绿色；高度：50px；宽度：24px；z索引：2；位置：相对；”></部门>；
<；div style=“顶部：35px；左侧：225px；背景色：蓝色；高度：50px；宽度：48px；z索引：3；位置：相对；”></部门>；
</部门>；
如果使用绝对位置，元素会飞出周围的div，并绝对定位在页面中的某个位置
很简单。使用绝对定位制作内部div，但使用相对定位制作div：
<；div id=“container”style=“位置：相对；宽度：200px；高度：100px；顶部：100px；背景：黄色”>；
<；div id=“innerdiv1”style=“z-index:1；位置：绝对；宽度：100px；高度：20px；背景：红色；”；a</部门>；
<；div id=“innerdiv2”style=“z-index:2；位置：绝对；宽度：100px；高度：20px；背景：蓝色；左侧：10px；顶部：10px；”</部门>；
</部门>；
您可以使用另一种方法，如负边距，但如果您想动态更改HTML，则不建议使用这种方法。例如，如果要移动内部div的位置，只需设置容器的top/left/right/bottom CSS属性，或者使用JavaScript（jQuery或其他）修改属性
它将使您的代码保持干净和可读性