jsが高い適応iframeの幅を達成します

CSS

<スタイルタイプ= "テキスト/ cssの" メディア= "画面">

■は{
　　幅：80％。
　　高さ：500pxなど。
　　マージン：0自動;
}
.LEFT {
　　幅：20％。
　　高さ：500pxなど。
　　フロート：左;
　　国境：1pxの固体赤。
}
#right {
　　幅：79％。
　　高さ：500pxなど。
　　国境：1pxの固体赤。
　　フロート：左;
}
</スタイル>

 

HTML

<DIV CLASS = "ボックス">
　　<DIV CLASS = "左">
　　　　<a href="https://www.taobao.com/" title="" target="iframe_a">淘宝</a>の<BR / >
　　　　<a href="https://www.jd.com/" title="" target="iframe_a">京东する</a>
　　</ div>
　　<divのID = "右">
　　　　<IFRAMEのID = "IFRAME "SRC ="」名前= "iframe_a" FRAMEBORDER = "1"> </ iframe>の
　　</ div>
</ div>

 

JS

ます。<script type = "text / javascriptの">
　　

<スクリプトタイプ= "テキスト/ javascriptの">
　　VARメイン=のdocument.getElementById（ "右"）。
　　VARはiframe =のdocument.getElementById（ "IFRAME"）;
　　VAR幅= main.offsetWidth。
　　VaRの高さ= main.offsetHeight。
　　iframe.style.width =幅+ "PX"。
　　iframe.style.height =（高- 5）+ "PX"。
</ SCRIPT>

</ SCRIPT>