Question

假设我有下表：

<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>

如何在浏览器调整大小时使用javascript使其200px div始终填充屏幕右侧的空间（表示10px填充）？（高度可以保持不变，宽度优先。

注意：百分比不是div的选项。通常我会使用100％的百分比，但这不是一个选项，因为我只能将div的宽度设置为px中的特定值，而不是“thediv.setSize（width，height）”的百分比。

如果可能的话，我正在考虑以下作为这样做的潜在方法，但不知道如何正确使用它，因为200px div不会占用浏览器的整个高度和宽度，因为它是位于一张桌子里。

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

如果有一些“正确”的方式我应该使用这个......

Answer 1

您必须使用宽度百分比 - 即“相对”宽度。

编辑以反映更改的要求。

为什么不像这里一样用JS设置样式？ How to set width of a div in percent in JavaScript?

或者，您可以将侦听器绑定到：http://api.jquery.com/resize/，它检查页面的宽度，并调用该setSize函数

如何在浏览器调整大小时正确调整div大小？

1 个答案: