JQUERY：将div调整为窗口宽度

我试图将div的宽度强制为浏览器窗口的宽度。 因此，即使窗口resize，也要调整它的宽度。

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

Answer 1

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

 
Hello world 

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

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

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

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

这是一个jsFiddle 。 为了演示，div在按钮点击时展开。

Answer 2

试试这个：

我希望这有帮助！

Answer 3

 width: 100%; display: block; 

可选的：

 position: absolute; 

Answer 4

我认为你可以用css宽度100％解决这个问题

  div#full{ width:100%} 

🙂