iframe高度设置100%出现垂直滚动条

iframe = inline frame是内联元素，iframe后面有个看不见摸不着的行内空白节点，空白节点占据着高度,iframe与空白节点的基线对齐，导致了div被撑开

方法1：

设置iframe 的vertical-align:top;

方法2：

设置父div的font-size:0从而影响空白节点的line-heigh:0,

方法3：

把iframe改为块级元素

display:block