当子元素使用 `position: absolute` 定位时，若其父容器设置了 `margin-top`（如 `-0.9px`），会导致绝对定位的计算基准发生偏移，从而出现视觉位置与预期 `top` 值不一致的问题。
在构建日历类布局（如带时间轴和事件块的排班视图）时，常见做法是将每小时单元格（.heure）设为 position: relative，再在其内部或同级嵌套绝对定位的事件条（.horaire），通过 top 和 height 控制垂直位置与跨度。然而，你的 CSS 中存在一个关键干扰项：
#planning .heure {
margin: -0.9px 0 0 -0.9px; /* ← 问题根源：负上边距 */
}
该 margin-top: -0.9px 虽用于视觉对齐（如消除边框重叠），但它会改变 .heure 元素的边界框（border box）在文档流中的实际占位位置。而 position: absolute 的 top 值，是相对于最近的已定位祖先（即 position: relative/absolute/fixed 的父元素）的 padding box 上边缘计算的——但前提是该祖先自身的布局未被外边距意外“抬升”或“下压”。
由于所有 .heure 元素都应用了 margin-top: -0.9px，它们在 flex 容器中整体上移了 0.9px，导致其 padding box 实际起始线比视觉预期高 0.9px；而 .horaire 的 top: 420px 是从这个“被上移”的起点开始测量的，因此最终显示位置比理论值低 0.9px × 行数（累积误差），造成明显错位。
✅ 解决方案：移除 margin-top，改用更安全的对齐方式
推荐使用 border-box + border 微调，或通过 transform: translateY() 实现像素级视觉修正（不影响文档流）：
/* ✅ 推荐：用 transform 替代 margin-top，不干扰定位上下文 */
#planning .heure {
border: 1px solid #aaa;
width: 100px;
height: 35px;
margin: 0 0 0 -0.9px; /* 移除 top margin */
position: relative;
box-sizing: border-box;
transform: translateY(-0.9px); /* 视觉微调，不影响绝对定位参考点 */
}
⚠️ 注意事项：
- 绝对定位元素的 top 始终基于其最近定位祖先的 padding box 上边缘，而非内容区或 border box；
- margin 会影响该祖先在文档流中的位置，从而间接偏移所有后代绝对定位元素的参考原点；
- 若需兼容旧版浏览器且不能用 transform，可将 margin-top 移至父容器（如 .jour > div），确保 .heure 自身无外边距干扰；
- 验证技巧：临时给 .jour > div 添加 outline: 1px dashed red，观察其 padding box 是否与 .horaire 的 top 对齐。
? 总结：
在绝对定位布局中，应严格避免在定位上下文（即 position: relative 父元素）上使用可能改变其几何边界位置的 margin。优先使用 transform 进行视觉微调，或重构布局结构，确保定位参考系稳定可靠——这是实现精准日历事件对齐的关键基础。
