jquery - 使 div 的宽度等于屏幕的宽度，无论其包含的 div 的宽度如何

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

我有两个div:

<div id="container">
  <div id="content">
    I want this div to take the width of the browser!
  </div>
</div>

#container div 的宽度大于屏幕宽度。我希望 div #content 占据浏览器的宽度。我正在让我的网站响应，当手机处于正常位置时，浏览器大小为 320，当它处于水平状态时，它为 480。我希望 #content 响应地改变宽度。

我该怎么做？谢谢

编辑

我认为我不能使用 css。我应该早点解释这个，但是在css中使用绝对定位的问题是我需要保持#content的相对位置，容器是一个包含3个#content div的 slider 。当我用手指滑动时，我希望事件的 div 占用屏幕的宽度。所以我真的不能使用绝对定位!

最佳答案

尝试使用:

$(window).resize(function() {
    $('#content').width($(this).width());
}).resize();

关于jquery - 使 div 的宽度等于屏幕的宽度，无论其包含的 div 的宽度如何，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23565670/