object标签不支持max-height，需用容器包裹并设max-height和overflow: auto；嵌入svg时width/height属性更可靠；pdf等插件内容需查其文档或改用iframe。
object 标签本身不支持 max-height
直接给 <object></object> 元素写 max-height: 300px 不会生效——这不是浏览器 bug，而是规范行为。<object></object> 是替换元素（replaced element），其尺寸由内部资源（如 SVG、PDF、Flash）自身决定，CSS 的 max-height 对它无效，浏览器会静默忽略。
必须用容器包裹并控制 overflow
真正起作用的是把 <object></object> 套进一个块级容器（比如 <div>），然后对这个容器设 <code>max-height 和 overflow：
<div class="object-wrapper"><object data="chart.svg"></object></div>.object-wrapper { max-height: 400px; overflow: auto; }- 如果希望隐藏横向滚动条，加
overflow-x: hidden - 注意：仅设
max-height不会自动出现滚动条，overflow: auto或scroll才是触发条件
嵌入 SVG 时 height/width 属性更可靠
当 <object></object> 加载的是 SVG 文件时，width 和 height 属性（HTML 属性，非 CSS）反而比 CSS 更稳定：
-
<object data="icon.svg" width="64" height="64"></object>能准确约束初始尺寸 - 此时再配合容器的
max-height，可双重保障（但最终渲染仍以容器为准） - 若 SVG 内部有
viewBox，它会优先按比例缩放；没viewBox则可能被拉伸，需检查源文件
PDF 或旧插件内容高度失控怎么办
加载 PDF（如通过 PDF.js 封装）或遗留 ActiveX/Java Applet 时，<object></object> 高度常由插件自身控制，CSS 几乎无效：
- 优先查该插件文档是否提供
height参数（例如 PDF.js 的pageHeight） - 尝试在
<object></object>上显式写height="500"（HTML 属性），部分插件会尊重 - 极端情况下，用
iframe替代<object></object>并设height+max-height容器，兼容性反而更好 - 别依赖
object-fit——它对<object></object>无效，只适用于<img>和<video></video>
最容易被忽略的一点：很多开发者以为给 <object></object> 加了 style="max-height: 300px" 就完事了，其实只要没配 overflow，内容溢出后既不滚动也不裁剪，只是“看不见但还在那儿”。
