marginheight 和 marginwidth 是 HTML4 中仅用于 <frame> 的过时属性，HTML5 已移除；它们不作用于 <iframe>，无法用 CSS 覆盖，且现代浏览器支持不可靠，易导致布局异常。
marginheight 和 marginwidth 是 <frame> 标签的**过时属性**，仅在 HTML 4.01 严格标准中定义，现代浏览器虽仍能解析（尤其在 quirks 模式下），但已从 HTML5 中彻底移除，不应在新项目中使用。
为什么不能用 marginheight 和 marginwidth？
这两个属性只作用于 <frame>（不是 <iframe>），而 <frame> 本身已被 HTML5 废弃。主流浏览器对它们的支持越来越不可靠——比如 Chrome 90+ 在 strict mode 下会忽略它们；Firefox 会渲染但不保证行为一致；Safari 则可能完全跳过解析。更关键的是，它们无法通过 CSS 覆盖或调试，一旦失效，无 fallback 机制。
常见错误现象包括：
- 页面局部空白高度/宽度异常，但检查 CSS 无问题 → 实际是
marginheight="0"被忽略，浏览器回退到默认值（通常 6–8px） - 同一份 HTML 在 Edge 和 Firefox 中显示不同边距 → 属性被部分支持，但默认值未标准化
- 用 DevTools 查看 computed styles，找不到
marginheight对应的样式项 → 它根本不在 CSSOM 中
<iframe> 的内边距必须用 CSS 控制
如果你实际想控制的是 <iframe> 内容与 iframe 边框之间的空白（即“内边距”效果），marginheight/marginwidth 完全无效 —— 它们对 <iframe> 无任何作用。正确做法是：
- 在
<iframe>的src页面内部，用body { margin: 0; }清除默认 body 外边距（这是最常见根源） - 若需统一控制 iframe 自身的外边距（即 iframe 元素与周围元素的距离），用
marginCSS 属性，例如：iframe { margin: 10px; } - 若 iframe 内容来自同源，可通过 JS 注入样式：
iframe.contentDocument.body.style.margin = '0' - 不要尝试用
padding直接加在<iframe>上——它只撑开 iframe 元素容器，不改变内部文档渲染区域
替代 <frame> 的现代方案
如果旧系统仍在用 <frameset> + <frame>，迁移时注意：
- 用
<iframe>替代每个<frame>，并通过 CSS 设置宽高、边框、定位 - 用
display: grid或display: flex模拟 frameset 布局，例如：grid-template-rows: 100px 1fr;分割顶部导航和主内容区 - 若依赖 frame 间的脚本通信（如
parent.frames[0].location），改用postMessage()+message事件，这是跨源安全的唯一标准方式 - 服务器端可考虑用 SSI 或 include 模板合并内容，避免客户端分帧
真正容易被忽略的一点：即使你只是维护老系统，也别把 marginheight 当作“还能凑合用”的选项。它的存在会让团队误判问题根源——花半天排查 CSS，最后发现是 frame 属性静默失效。直接定位到 body { margin: 0; } 或 html { margin: 0; }，效率高得多。
