今天才发现一个简单有趣的问题，有关iframe的；

此时div出现了滚动条，百思不得其解，原来还是老问题，就是因为iframe是行内元素，后面的

空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条

解决方案

第一种，设置iframe的vertical-align:top 

第二种，设置父div的font-size:0，从而影响空白节点的line-height是0，从而不占据高度。 

第三种，改变iframe的内联元素性质，改为块级元素，display:block