今天,在项目中使用到了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???