【 iframe 】YouTube、Googleマップ埋め込み時に下側の余白を消す方法

iframeにheight: 100%;を指定しているのに、謎の余白が出てしまって困りました。
iframeにdisplay: block; もしくはvertical-align: middle; を指定してあげると解消できます。

毎回指定するのは面倒なので、reset.cssなどに初めから指定してあげると良いですね！

  コード

iframe {
  width: 100%;
  height: 100%;
  display: block;
  /* vertical-align: middle; */
}