优先用 CSS 去 iframe 边框：border-width: 0 + outline: none + display: block；隐藏滚动条应区分场景，同域可用子页面 overflow 控制，跨域仅能靠 scrolling="no" 和父容器 overflow: hidden 截断。
iframe 去掉边框：优先用 CSS，别只靠 frameborder
现代项目中，frameborder 属性虽仍能生效（frameborder="0" 或 frameborder="no"），但它已被 HTML5 废弃。浏览器兼容性没问题，但会触发 HTML 验证警告，且无法与 CSS 选择器联动。推荐统一走 CSS 路线：
-
border: none最直接，但仅控制边框线； -
border-width: 0更精确，避免某些 UA 样式干扰； - 务必同时加
outline: none，否则聚焦时可能出现默认虚线框（尤其表单内嵌场景）； - 如果 iframe 是内联元素，顺手加
display: block，防止底部多出空白间隙。
隐藏滚动条：scrolling 和 overflow 的作用范围不同
scrolling="no" 是最粗暴有效的全关方案，但它属于 HTML4 遗留属性，且一旦设为 no，子页面里写的 body { overflow: auto } 会被完全忽略——这点很多人踩坑后才意识到。
- 只去水平滚动条？子页面的
html { overflow-x: hidden }才管用，scrolling不支持细粒度控制； - 只去垂直滚动条？同理，子页面写
html { overflow-y: hidden }； - 父页面加
overflow: hidden到body或容器上，只能掩盖溢出，不解决 iframe 内容撑高问题； - 若嵌入的是同域页面，且需 JS 交互，记得加
sandbox="allow-scripts allow-same-origin"，否则scrolling="no"可能导致子页面脚本被静默禁用。
背景透明和 margin 干扰：老属性还没死透
allowTransparency="true" 和 marginwidth="0" marginheight="0" 这些 IE 时代遗留属性，在 Chrome/Firefox 中已无效，但部分旧版 Edge 或企业内网环境仍可能依赖它们。实际项目中建议：
- 背景透明改用 CSS：
background: transparent+ 确保子页面body也没设背景色； -
marginwidth/marginheight完全可删，用margin: 0替代； - 若 iframe 高度设为
100%却没铺满，大概率是父容器没设高度（比如html, body { height: 100% }漏了）； - 双滚动条（页面一个、iframe 内一个）常见于未设
overflow: hidden在父容器，或子页面html默认有margin。
跨域 iframe 下的滚动条控制是硬限制
如果 src 是跨域地址（如嵌入第三方仪表盘），你对子页面 DOM 几乎无控制权。此时：
立即学习“前端免费学习笔记（深入）”；
-
scrolling="no"仍可隐藏 iframe 自身滚动条，但子页面内部滚动行为不受影响； - 子页面若自己启用了横向滚动（如宽表格），你无法通过 CSS 注入或 JS 修改其
overflow； - 想彻底禁用子页面滚动？做不到。唯一可控的是 iframe 容器尺寸 +
overflow: hidden截断显示区域； - 别试
iframe.contentDocument——跨域下直接报SecurityError。
