0

次の要件を持つ Web ページに iframe を挿入したい:

  1. iframe の高さは 100% である必要があります。コンテンツに合わせて高さを伸ばす必要があります。
  2. iframe スクロールバーは表示されるべきではありませんが、ページ スクロールバーは iframe コンテンツの高さに関連して存在する必要があります。
  3. iframe ソースは別のドメインのものです。

iframe が統合されると、Web ページは単一の通常の Web ページになります。ページと iframe ソース ページを互いに一致するようにスタイル設定しました。

検索してさまざまな解決策を試しましたが、今のところうまくいきません。

助けてください

ありがとうございました

4

2 に答える 2

2

CSS を次のように使用します。

iframe{
height: 250px; // whatever you want
}

リンクデモ

于 2012-10-17T06:10:29.487 に答える
1

このコードを試してください...

<!DOCTYPE html>
<html>
<head>
<title>iframed site</title>
<style>
.restricted{
    width:100%; 
    height:100%; 

    overflow-x: hidden;

    -ms-overflow-x: hidden; 


}
</style>
</head>

<body>
<iframe src="http://www.mukhesh-blog.blogspot.com" class="restricted"></iframe>
</body>
</html>

またはこれ....

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
 <head>
  <title>iframe example</title>
  <style type="text/css">
   html, body, div, iframe { margin:0; padding:0; height:100%; }
   iframe { display:block; width:100%; border:none; }
  </style>
 </head>
 <body>
  <div>
   <iframe src="http://example.org/">
    <p><a href="http://example.org/">example.org</a></p>
   </iframe>
  </div>
 </body>
</html>
于 2012-10-17T06:23:54.970 に答える