原因：iframe标签和img标签类似，是inline-block标签。
高度写百分比继承的是父层的宽度。
解决办法一般有两种方案：
一种是改变父级样式，如font-size: 0; 或者line-height: 0;
另一路是改变inline-block自身样式，如display: block 或者vertical-align: middle。
