使用jquerywidth使div始终保持窗口宽度

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

您可能需要研究

外部宽度（[addMarginBoolean]）

方法将

边框

，

填充

，以及可选的

边距

添加到元素的正常

宽度

。如果预见到div的宽度超过窗口边缘的问题，那么可以尝试此方法

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

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

---

在css中，您可以设置

宽度：100%

。这还不足以解决您的问题吗？默认情况下，div的宽度为100%。可以将其设置为body标记的直接子项吗？如果将width设置为

$（window）.width（）

，并且存在

填充

、

边距

，或其他定位属性，则它将延伸出页面。如果这些东西存在的话，你必须确保它们被考虑进去。@Scrimethy你说的是哪种填充和边距？window width获取相对于浏览器的视口宽度，而不是div本身的document.padding/margin