div 内の iframe は width_html/css_WEB-ITnose に適応できません-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

div 内の iframe は width_html/css_WEB-ITnose に適応できません

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:36 AM

これは私のページです:

<body style="height:100%width:100%;overflow:hidden;" onLoad="onload();"><div style="margin:0;padding:0;border:0px;height:100%;width:100%;position:absolute;">	<div class="top">		<div class="logo"></div>		<div class="top_right"><a href="">首页</a>  |  <a href="">帮助</a>  |  <a href="javascript:;">退出</a></div>	</div>	<div id="menu" style=" border:0px;padding:0; margin-top:-1px;width:75px;height:100%;float:left;">        <div class="left_1" style="margin:0px; padding:0px; border:0px; height:100%">			<ul>				<li id="li1"><img  src="/static/imghwm/default1.png"  data-src="images/pgjl_green.png"  class="lazy"  id="pgjl"     style="max-width:90%"  style="max-width:90%" onclick="menuclick(1);" style="cursor:pointer;"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" ></li>				<li id="li2"><img  src="/static/imghwm/default1.png"  data-src="images/pgy.png"  class="lazy"  id="pgy"     style="max-width:90%"  style="max-width:90%" onclick="menuclick(2);" style="cursor:pointer;"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" ></li>				<li id="li3"><img  src="/static/imghwm/default1.png"  data-src="images/tjfx.png"  class="lazy"  id="tjfx"     style="max-width:90%"  style="max-width:90%" onclick="menuclick(3);" style="cursor:pointer;"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" ></li>				<li id="li4"><img  src="/static/imghwm/default1.png"  data-src="images/kh.png"  class="lazy"  id="kh"     style="max-width:90%"  style="max-width:90%" onclick="menuclick(4);" style="cursor:pointer;"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" ></li>				<li id="li5"><img  src="/static/imghwm/default1.png"  data-src="images/xtgl.png"  class="lazy"  id="xtgl"     style="max-width:90%"  style="max-width:90%" onclick="menuclick(5);" style="cursor:pointer;"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" ></li>			</ul>		</div>	</div>	<div id="left" style=" border-left:0px;margin-left:-2px;margin-top:-1px;padding:0;height:100%;width:214px;position:relative;float:left;border:1px solid #CCC;">		<iframe  id="LeftFrame" name="LeftFrame" width="100%" height="100%" src="page/jk/menu.html" frameborder="0"scrolling="no" noresize="noresize"> 浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。 </iframe>	</div>	<div id="image" style="float:left;position:relative;border:0px"> <img  src="/static/imghwm/default1.png"  data-src="images/right.png"  class="lazy"   id="img_menu" title="关闭左栏"   style="max-width:90%"/ alt="div 内の iframe は width_html/css_WEB-ITnose に適応できません" > </div>	<div id="centerdiv"  style="height:100%;width:80%;overflow:auto;border:0px;float:left;overflow:hidden; position:relative">		<iframe id="frameMap" name="frameMap"  style="max-width:90%" width="100%" frameborder="0"  scrolling="no" marginwidth="0" marginheight="0" src="" style="float:left; position:relative;"></iframe>	</div></div></body>

図 1

図 2

ID「frameMap」を持つ下部の iframe は幅に適応できません。外部 div の幅が 100% に指定されている場合、次の iframe が表示されます。ここにはいないような。
左側の div を非表示にした後、iframe が左側に移動するだけで、幅が適応しません。アドバイスを求める

ディスカッション（解決策）に返信する

iframe の幅を調整したい場合は、JS を使用するのが最適です

jsのやり方は？幅を固定しないと iframe は表示されません。幅を固定した後は拡張できません。また、ブラウザを変更すると表示されません。 iframe の幅を適応させたい場合は、それが可能です。 JSを使用するのが最善です

jsでそれを行うにはどうすればよいですか?幅が固定されていないと iframe は表示されません。幅を固定した後は引き伸ばすこともできません。

フレームの iframe の ID を前提として、jquery メソッドを使用します。 theFrame

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Web開発にとってHTMLタグが重要なのはなぜですか？May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1）theydefineLayout、semantics、and-interactivity.2）semanticagsimprovecessibility.3）opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1）低ケースタグと属性を使用します。2）一貫したインデントを保持し、3）シングルまたはダブルの引用符を選択して固執する、4）プロジェクトのさまざまなスタイルの混合を避け、5）きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は？Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか？Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は？ Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。