html – Iframeは下に余分なスペースを作ります

iframeがその要素の下に余分なスペースを追加するのはなぜですか?この奇妙な振る舞いを見てください。http://jsbin.com/UraFalo/1/

対処方法は?

ベストアンサー
表示を追加する:ブロック。 iFrameスタイルに合わせて

.border iframe {
    border: none;
    width: 300px;
    height: 100px;
    margin: 0;
    padding: 0;
    opacity: 0.8;
    display:block; /* Add this */
}

更新

これについての説明は – iFrameはインラインフレームであり、それはインライン要素であることを意味します。これはimgタグのように空白の問題を抱えている可能性があります。設定表示:ブロック。これでiFrameが(divのような)ブロック要素に変わり、空白の問題が解消されます。

転載記事の出典を記入してください: html – Iframeは下に余分なスペースを作ります - コードログ