marginheight属性已彻底废弃，HTML5中不合法且不可靠：它仅在（非）中曾存在，但已被废除；Chrome 90+在标准模式下忽略它，Firefox渲染不一致，DevTools中不可查，无法用CSS覆盖；对完全无效，其“内边距”须通过子页面body{margin:0}或postMessage控制。

别用 marginheight，它在现代项目中既不可靠也不合法。 HTML5 已彻底移除 和 marginheight 属性，所有新开发或维护升级都应绕开它。

为什么 marginheight 看似能用却必须停用

你可能在旧页面里看到 生效了，但这只是浏览器在 quirks 模式下的兼容性残留。实际问题包括：

• Chrome 90+ 在 text/html; charset=utf-8（标准模式）下直接忽略该属性
• Firefox 渲染结果不一致：同一值在不同版本中可能被解释为 0、6px 或 12px
• DevTools 的 Computed 标签页里查不到 marginheight 对应的样式，因为它不属于 CSSOM
• 无法用 !important 或媒体查询覆盖，也没有 fallback 机制

的“内边距”根本不受 marginheight 影响

很多人误以为给 加 marginheight 能控制内容与边框的距离，但这是错的 —— 该属性对 完全无效。

真正起作用的是目标页面自身的 样式：

HTML设计工具专业版

企业级HTML/CSS设计系统,支持设计令牌、组件库、批量生成、主题切换与团队协作,适合团队与商业项目。

下载

• 同源 ：在子页面里加 body { margin: 0; }
• 跨源且需统一控制：用 postMessage 触发子页面执行 document.body.style.margin = '0'
• 仅调整 iframe 元素自身位置：用 CSS margin，例如 iframe { margin: 8px; }
• 千万别对 直接设 padding —— 它只撑大容器，不缩进内部文档渲染区

替代 的三种可行路径

如果你正在迁移老系统， 必须整体替换，不能局部修修补补：

• 用 + CSS 布局：配合 width/height 固定尺寸，加 border: none 消除默认边框
• 用 display: grid 模拟分栏：例如 grid-template-rows: 60px 1fr; 分出顶部导航和主内容区
• 服务端合并：用 Nginx SSI、PHP include 或 SSR 模板直接输出整合后 HTML，避免客户端分帧

脚本通信也得换：把 parent.frames[0].location.href = '...' 改成 postMessage + message 事件监听，这是跨源唯一安全方式。

真正容易被忽略的一点：即使只是临时修一个老系统 Bug，也不要把它当作“还能凑合”的选项 —— marginheight 的失效不是偶然，而是浏览器逐步收敛兼容层的必然结果。