0

次のテーブルがあるとします。

<div style="padding:10px">
<table style="width:100%">
<tr><td style="width:10%">Jordan Roger</td><td style="width:100%"><div width="200px" style="background:red"></div></td></tr>
</table>
</div>

ブラウザのサイズが変更されるたびに、200pxのdivが常に画面の右側までのスペースを埋めるように(10pxのパディングを尊重して)javascriptで作成するにはどうすればよいですか?(高さはそのままで構いませんが、幅が優先されます。

注: パーセンテージは div のオプションではありません。通常は 100% のようなパーセンテージを使用しますが、div の幅を「thediv.setSize(width, height)」でパーセンテージではなく px 単位の特定の値にしか設定できないため、これはオプションではありません。

可能であれば、これを行うための潜在的な手段として次のことを考えていましたが、200px div はブラウザーの高さと幅全体を占めることはないため、適切に利用する方法がわかりません。テーブル。

$(window).resize(function() 
{    
    mydiv.setSize($(document).width(), $(document).height()));   
});

「正しい」方法があれば、これを使用する必要があります...

4

1 に答える 1

0

幅のパーセンテージ、つまり「相対的な」幅を使用する必要があります。


変更された要件を反映するように編集されました。

ここのようにJSでスタイルを設定してみませんか?JavaScriptでdivの幅をパーセントで設定するには?

または、リスナーをhttp://api.jquery.com/resize/にバインドして、ページの幅をチェックし、その setSize 関数を呼び出すことができる場合があります。

于 2013-02-28T06:18:18.073 に答える