jquery - CSS - 盒子模型宽度

Question

根据盒子模型，元素的总宽度是=内容宽度+边距+内边距+边框。

如果定义一个 div 元素，并添加 width=200、margin=3px、border=4px 和 padding=1px。然后在使用 JS 代码查询时$('div').width()，它返回 200 而不是根据公式的宽度。

score 2 · Accepted Answer

请检查宽度（）；规格。它返回没有边距、填充和边框的宽度。

如果要包含填充和边框，则必须使用.outerWidth()，如果还想包含边距，则必须使用.outerWidth(true)。

希望这可以帮助

score 1 · Accepted Answer

outerWidth( true )将返回元素的宽度，以及左右填充、边框和可选的边距，以像素为单位。

使用 $('div').width()，它返回 200

这是例外结果。

如果您想根据公式获得宽度，您必须尝试使用outerWidth( true )

$('div').outerWidth( true )

score 1 · Accepted Answer

1

.outerWidth(true);应该按要求工作

于 2014-09-22T12:04:57.780 回答

3 回答 3