html, body {
  margin: 0;
  padding: 0;
  /* 禁止 overscroll 回弹 */
  overscroll-behavior: none;
  /* 防止 iOS 橡皮筋效果 */
  -webkit-overflow-scrolling: auto;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; /* 禁止页面级滚动 */
}

/* 把滚动限制在内容容器内 */
.page-container {
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

document.body.addEventListener('touchmove', function(e) {
  // 如果已经在顶部还继续下拉，阻止默认行为
  if (document.scrollingElement.scrollTop <= 0) {
    e.preventDefault();
  }
}, { passive: false });

方案 4：简单修复（检查默认边距）

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

一句话总结

滑动时左上角的空白，不是 div 的问题，而是浏览器把整个页面往下拉露出了背景。用 overscroll-behavior: none 或把滚动限制在内部容器即可解决。

截图里是一个表格页面，如果内容没撑满屏幕，最容易触发这个现象。建议用方案 2（内容容器独立滚动）来处理，体验最自然。