上面这个iframe是空的，但是我无论放在高的div屏幕下都会出现滚动条，包裹的三个div都是根据内容来确定高度，我就一直不明白为什么iframe是空的，也会引起滚动条呢。我先把iframe 换成其他标签，例如注释的div也给了他100%的高度和宽度，和iframe情况类似，就不会产生滚动条问题。说明这个问题在于iframe标签本身，我一开始以为是iframe的border什么引起的，经过试验发现不是这个导致的，后来查了资料，说iframe编译出来里面的html代码中的两个头部声明，引起的5px的高度差，所以，会高出包裹的div，导致产生滚动条。
1.<!DOCTYPE html>
2.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
解决方案：
1. 给iframe标签加一个样式，display：block；（亲测有效，这个iframe是内联框架，他是从一个div中分割出一部分空间给自己，display：block后，转化成块级元素，就可以从新的一行开始显示内容，不依赖刚才的div了。）
2. <!DOCTYPE html>改为<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
第二种方法我没有试，是看网友的方法。嘿嘿 。
