iframe height 100% 垂直滚动条

iframe height设置为100%，就会出现垂直滚动条

HTML

<div>
  <iframe frameborder="no" src="https://www.oschina.net/">
  </iframe>
</div>

CSS

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

div {
  height: 100%;
  /*第一种解决方案*/
  /*font-size:0;*/
  
}

iframe {
  width: 100%;
  height: 100%;
  /*第二种解决方案*/
  /* vertical-aglin:top; */
	/* vertical-align:bottom; */
  /*第三种解决方案*/
  display:block;
}