页面中嵌套iframe导致页面出现滚动条

        页面头部一个固定的div元素，下面是一个iframe嵌套的页面。但是发现页面会出现滚动条。如图所示

右侧出现了滚动条。 

        经过查询发现，是因为iframe元素不是标准的块级元素，导致虽然设置了height: calc(100% - 60px);然后通过控制台查看高度也确实没有问题。但是就是出现了滚动条，这样的话，就只能通过设置iframe为块级元素来确定了。

iframe{
      width: 100%;
      height: calc(100% - 60px);
      /*这是关键，让iframe变成块元素，就能不出现滚动条 */
      display: block; 
}

如果大家想要自己测试一下的话，可以下载下面的代码，然后通过对29行中，display:block;的注释和非注释来看下具体的表现形式；