如何通过CSS最小化iframe不必要的垂直空间占用？

异常表现 #

• 无明确触发原因时，iframe 总会占用超出实际内容需求的垂直空间，该现象可通过对应的线上复现示例直观观测
• 问题效果参考实测截图：iframe 底部存在明显的非必要空白区域，整体占用高度和内部实际渲染的内容高度不匹配

已完成的排查尝试 #

• 拥有 iframe 外层页面、iframe 内部页面的完整 CSS 控制权限
• 曾尝试将 html、body、iframe 元素的 margin、padding、border 属性全部设置为 0，尝试压缩冗余空间，但并未实现 iframe 垂直空间的最小化效果

核心诉求 #

• 希望找到无需依赖 JavaScript 实现、可最小化 iframe 垂直空间占用的可行方案

内容的提问来源于stack exchange，提问作者sporkl