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>

我如何使用 javascript 来做到这一点，以便在调整浏览器大小时 200px div 始终填充到屏幕右侧的空间（尊重 10px 填充）？（高度可以保持不变，宽度优先。

注意：百分比不是 div 的选项。通常我会使用像 100% 这样的百分比，但这不是一个选项，因为我只能将 div 的宽度设置为以 px 为单位的特定值，而不是使用“thediv.setSize(width, height)”的百分比。

如果可能的话，我正在考虑以下作为这样做的潜在方法，但不知道如何正确利用它，因为 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 回答