0

我想知道使用 Jquery/Javascript（或任何其他可能更准确的方法）计算元素宽度和高度的最佳方法是什么。目前，我正在使用这个 Jquery 方法：

Jquery：见我的例子：http: //jsfiddle.net/AwkF5/1/ 

var w = $("#wrapper"); //The element dimensions to calculate
$("#displayW").text( "outerWidth:" + w.outerWidth()+ " , outerWidth(true):" + w.outerWidth(true) ); // Displaying the width in the #displayW div
$("#displayH").text( "outerHeight:" + w.outerHeight()+ " , outerHeight(true):" + w.outerHeight(true) ); // Displaying the height in the #displayH div

现在这是计算元素的宽度/高度（包括内容、填充和边框）和真正的宽度/高度（（包括内容、填充、边框和边距）的最准确方法吗？

什么是普通的javascript方法？

我问是因为我想为 div 制作背景图像，并且我想知道它应该是什么大小......请注意，不同浏览器之间的宽度和高度会有所不同......显然

谢谢你

​</p>

4

1 回答 1

1

这应该适合你：

var realWidth = $("#yourBlockId").outerWidth();
realWidth += parseInt($("#yourBlockId").css("margin-left"), 10);
realWidth += parseInt($("#yourBlockId").css("margin-right"), 10);

高度的方法相同。

于 2012-08-09T17:47:30.623 回答