获取DIV宽度和高度的跨浏览器方法？

Question

这是我的第一篇文章,所以请放轻松我.我确定我做错了什么.但是,我找不到任何回答上述问题的帖子.

我使用jQuery.我正试图找到一种方法来获取DIV元素的当前宽度和高度,即使它们被设置为"自动".我发现了很多方法,但没有方法在IE中返回相同的宽度.重要的是这种方法是跨浏览器的,因为如果在不同的浏览器中返回不同的数字,它将破坏页面的布局.

.width()和.height()不起作用,因为在IE中,减去了填充(例如,width()返回25,其中宽度为30,填充为5).

.outerWidth()和.outerHeight()也不一致.当他们在FF中工作IE(信不信由你)时,填充再次添加到整个宽度(例如,outerWidth()在FF中返回110,其中宽度为100px,填充为10px).

没有编写复杂的浏览器检查,有没有办法解决这个问题？谢谢!

Answer 1

在我看来,您需要向页面添加DOCTYPE以强制IE进入"符合标准"而不是"怪癖"模式.请参阅Quirks模式和严格模式.

另见width():

并且outerWidth():