设置元素的宽度增加5％

Question

我一直在尝试使用jQuery的宽度函数设置元素的相对宽度，但它会不断增加5％到我输入的值。

例如：

$('.class').width('10%')将宽度设置为15％。

使用$('.class').css('width', '10%')可以正常使用，所以我现在正在使用它。

Answer 1

jQuery .width()方法设置元素内容的宽度，不包括border或padding，您可能需要.outerWidth()方法，其中包含border }和padding。

修改 在使用box-sizing: border-box;获取计算宽度时，您可以使用border强制padding和.width()，但是根据jQuery网站：

  

请注意.width("value")设置框的内容宽度，而不管CSS box-sizing属性的值。

有关详细信息，请参阅.width()和.outerWidth()的官方API文档。