本文介绍了在尝试实现iframe自适应高度的过程中遇到的问题及其解决方法。主要原因是iframe源页面中的主体内容使用了float属性，导致获取的高度始终为0。文中详细解释了此现象的原因并提供了可能的解决方案。
今天，在项目中使用到了iframe自适应高度。
很郁闷的是：从网上搞了多种自适应高度的方法，都无法让iframe自适应高度。
经过测试，获取到的iframe src页面(body/documentElement)的高度始终是0。
经过多方排查，最终发现原因，而且这个原因让人相当郁闷：
美工提交的iframe src页面的大致框架如下：
<body>
<div id="main">.....................</div>
</body>
很不幸的是 美工在main的样式中加上了－－》 float:left
被float后，div id="main"已经脱离了文档流，而恰好，body里就仅有main这么一个东西。
于是：获取到的body高度始终为0！！！！
---不明白，body里只有一个main,美工为什么还要将它float???
扫一扫
973
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
