0

情報: Chrome バージョン 29.0.1547.62 m、および IE バージョン 7.0.6002.18005 を使用

私はSOとGoogleを検索してみましたが、私が適切に適用していないか（これとこれを試しました）、同じ質問にまったく答えていないかどうかにかかわらず、実際に機能する答えを見つけたことはありません...

ネットワーク上で内部的に使用される非常に単純なサイトを作成しています。私の唯一の問題は、 iFrame #calcframe {min-width:510px}+ div#panel {width:186px}の値より下にウィンドウのサイズを変更するcalcframeと、パネルの下に移動することです。

関連するコードは次のとおりです。

    <!DOCTYPE HTML>
    <HTML>
      <HEAD>
        <STYLE>
          body {font-family:'Arial'; font-size:90%}
          html, body {height:100%; margin:0; padding:0}
          #panel {background:black; color:white; width:186px; height: calc(100% - 75px); float:left}
          #content {height: calc(100% - 75px)}
          #spacer {background:black; font-size:400%; color:white ; height:75px}
          #calcFrame {height: calc(100% - 3px); width: calc(100% - 186px); min-width:510px; margin:0; padding:0}
        </STYLE>
        <SCRIPT LANGUAGE="JavaScript">
          function OpenHTML(cC) {
            document.getElementById("cF").src=cC + ".html"
            }
        </SCRIPT>
      </HEAD>
      <BODY>
        <div id='spacer'>
          SC
        </div>
        <div id='panel'>
          <input type='radio' name='CalcType' id='L' onClick="OpenHTML(this.id)">L<br>
          <input type='radio' name='CalcType' id='U' onClick="OpenHTML(this.id)">U<br>
          <input type='radio' name='CalcType' id='D' onClick="OpenHTML(this.id)">D<br>
          <input type='radio' name='CalcType' id='P' onClick="OpenHTML(this.id)">P<br>
        </div>
        <div id='content'>
          <iframe id='cF' frameborder="0")></iframe>
        </div>
      </BODY>
    </HTML>

優しくしてください:)、私は独学です。

4

2 に答える 2

1

これはうまくいくかもしれません

<div> 
   <div id='panel'> </div> 
   <div id='content'> </div> 
</div>

#panel float:left にする

于 2013-08-30T15:06:13.220 に答える