CSS 浮动引起的高度为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???
<h3>
心静似高山流水不动，心清若巫峰雾气不沾。
</h3>
心静似高山流水不动，心清若巫峰雾气不沾。
</h3>
