Edge浏览器中iframe始终显示垂直滚动条问题求助

• 给iframe添加Edge专属的滚动条隐藏样式，配合通用overflow设置：

iframe {
  overflow: hidden;
  -ms-overflow-style: none; /* Edge专属属性，强制隐藏滚动条 */
}

• 补充HTML属性scrolling="no"，虽HTML5标记为过时，但Edge对其兼容性优异，和CSS配合使用更稳妥：

<iframe src="你的页面地址" scrolling="no" style="overflow: hidden; border: none;"></iframe>

• 检查iframe内部页面的默认边距/内边距，多数情况是内嵌页面的body自带margin导致内容超出：
  给iframe内嵌页面的全局样式加上：

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

• 确保iframe高度适配无冗余：
  给iframe的父容器设置固定/自适应高度，让iframe高度设为100%，并开启box-sizing: border-box避免边框/内边距撑开容器：

.iframe-wrap {
  height: 600px; /* 按需调整高度 */
  padding: 0;
}
.iframe-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  -ms-overflow-style: none;
  box-sizing: border-box;
}

内容的提问来源于stack exchange，提问作者karthikraja kandasamy