表示ウィンドウの高さ100%のiframeを表示する

Yukimi Sato 18,838views 更新:2014年6月6日
#iframeBlock{
height:100%;

    .iframeBody{
    height:100%;

        iframe{
        border:none;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        }
    }
}
<div id="iframeBlock">
<div class="iframeBody">
<iframe src="iframe.html"></iframe>
</div>
</div>

「.iframeBody」にpaddingを指定すれば、その分だけ縮まったiframeにすることが可能です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません