加 body { position: relative } 就能修好，因为 laydate 面板依赖最近已定位祖先作为参考，body 设为 relative 后成为明确的定位容器，使 absolute 面板能基于其内容流重新锚定；需覆盖 html, body { height: 100% }，否则高度截断仍导致定位不准。
laydate 面板在页面滚动后错位，不是面板“没跟上”，而是它压根没被设计成要跟——它默认插入 document.body 并用 position: absolute 定位，但 body 缺少定位上下文，导致计算出的坐标一滚动就失效。
为什么加 body { position: relative } 就能修好
laydate 的面板（.layui-laydate）依赖最近的已定位祖先元素作为定位参考。若 body 没设 position，浏览器会向上找，可能落到 html 或视口，而这两者对滚动不敏感。加 position: relative 后，body 成为明确的定位容器，absolute 面板就能基于 body 内容流重新锚定。
- 必须覆盖项目中已有的
html, body { height: 100% }，否则 body 高度被截断，定位仍不准 - 不推荐只加
height: auto !important：它只缓解滚动条出现导致的尺寸突变，不解决参照系缺失问题 - 该方案对全局滚动（
window滚动）有效，但对内部容器（如#right）滚动无效
遇到内部滚动容器（如 .mainBox）时怎么办
当滚动发生在某个 div 内（比如左右布局中的右侧内容区），window 自身不滚动，但 laydate 面板仍错位——此时 CSS 方案完全失效，必须监听真实滚动源并主动清理面板。
- 在滚动容器上绑定
scroll事件：$('.mainBox').on('scroll', function() { $('.layui-laydate').remove(); }) - 不要用
$(document).on('scroll')：它不会触发，因为 document 没滚动 - 如果滚动容器是动态创建的（如 layer 弹层内），需在
success回调中绑定，并确保销毁时解绑，避免内存泄漏
在 layer 弹层里用 laydate 总是偏移或被截断
layer 弹层常带 transform 或 overflow: hidden，会切断 laydate 默认的 fixed 定位链，且面板可能被弹层边界裁剪。
- 必须指定
container参数，指向弹层内一个position: relative的容器：container: layero.find('.date-container')[0] - 显式设
position: 'absolute'，让面板相对于container定位，而不是视口 - 避免用
trigger: 'body'：它会让面板回到 body 下，又脱离 layer 上下文，反而加剧遮挡 - 若弹层内容可滚动，还需在
ready回调里手动调整top/left，否则面板可能初始就贴顶/贴左溢出
真正难缠的错位，往往卡在「面板插入瞬间」——滚动条刚出现、视口尺寸未稳定，position() 就算了一次。这时候靠 CSS 或监听都救不了，得在源码里补一次重算。但多数业务场景，盯住三点就够了：body 是否提供定位上下文、滚动目标是否写对、layer 内是否用了 container + absolute。其他都是边缘情况。
