jquery - 使用 jquery width 使 div 不断成为窗口宽度

Question

我有一个 div，我希望它始终是浏览器窗口的宽度，即使用户正在调整它的大小。我想使用 jquery .width 但我不知道如何设置它，所以即使用户调整他们的窗口大小它也总是在调整。我不确定是否将 jquery .css 与 .width 一起使用，或者不同的方式是否会更好。

Answer 1

$(window).on('resize', function(){
    $('div').width($(window).width());
});

Answer 2

您可能想要研究jQuery outerWidth outerWidth([addMarginBoolean])方法添加border、padding和可选margin到元素的法线width。如果您预见到 div 的宽度超出窗口边缘会出现问题，那么您可以试试这个。

function setWidth() {
  $('.width100').outerWidth($(window).width() - $('.width100').offset().left);
}
$(window).on('resize', setWidth); // resize div on window resize
setWidth();​ // resize div on page load

这是它的一个小提琴