次のテーブルがあるとします。
<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()));
});
「正しい」方法があれば、これを使用する必要があります...