HTML 中 height 和 width 属性不支持 auto 值-html教程-PHP中文网

HTML 标准明确规定等元素的 height 和 width 属性仅接受非负整数（如 300），auto 不是合法值；该限制源于 HTML Living Standard 的规范定义，与 CSS 中 width: auto 的语义完全不同。

html 标准明确规定 `` 等元素的 `height` 和 `width` 属性仅接受非负整数（如 `300`），`auto` 不是合法值；该限制源于 html living standard 的规范定义，与 css 中 `width: auto` 的语义完全不同。

在 HTML 中，<img>、<iframe></iframe>、<video></video> 等嵌入式元素的 width 和 height 是原生 HTML 属性（not CSS properties），其取值受 HTML 语法层面严格约束。根据 HTML Living Standard — img 元素定义，这两个属性若存在，必须为“有效的非负整数”（valid non-negative integer），即：仅由一个或多个 ASCII 数字（0–9）组成的字符串，例如 128、0、1024，但 不允许 auto、100%、fit-content、空字符串或带单位的值（如 300px）。

✅ 合法写法（HTML 属性）：

@@##@@
<!-- 或省略属性，由浏览器自动计算 -->
@@##@@

❌ 非法写法（违反 HTML 规范）：

@@##@@   <!-- ❌ 无效 -->
@@##@@  <!-- ❌ 无效（% 和 auto 均不被接受） -->
@@##@@       <!-- ❌ 空字符串不是有效非负整数 -->

⚠️ 注意事项：

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

浏览器可能容忍width="auto" 并静默忽略该属性（回退到默认行为），但这属于容错解析，并非标准支持；验证工具（如 W3C Markup Validator）会报错。
若需实现自适应尺寸，请使用 CSS：
```
@@##@@
```
此时 auto 是 CSS width 属性的合法关键字，与 HTML 属性无关。
HTML 属性 width/height 的核心作用是提供渲染前的尺寸提示（影响布局计算、避免重排），其值应为无单位的像素数值；现代最佳实践常省略它们，配合 srcset、sizes 和 CSS 控制响应式行为。