JQUERY:将div调整为窗口宽度

Question

我试图将div的宽度强制为浏览器窗口的宽度.因此即使调整窗口大小,也要调整它的宽度.

我已经研究了大约一个小时,并找到了奇怪的点点滴滴,如.resize(),但找不到任何有用的东西.

Answer 1

如果没有容器限制宽度,则div应默认跨越浏览器窗口的宽度.您可以将宽度显式设置为100%,但这不是必需的:

<div style="width:100%;">Hello world</div>

我认为CSS在这里更合适,但你可以在jQuery中这样做:

$("#div1").width($(window).width());

要在调整窗口大小时运行上面的代码,您可以这样做:

$(window).resize(function(){
    $("#div1").width($(window).width());
});

这是一个jsFiddle.为了演示,div在按钮单击时展开.