我想我在WebKit(或jQuery)中发现了一个错误,其他人可以确认吗？

我相信我在WebKit中发现了一个错误.它涉及jQuery中的outerWidth(true)(我假设是outerHeight(true)).

在Safari和Chrome的每个浏览器中,第三个框是200.在Safari和Chrome中,它(几乎)是我的屏幕宽度.

单击此处查看我的结果: 未找到内嵌图像.http://x3non.com/image/alec/147/outerWidth%20true%20fail.png

你可以在这里测试一下:http://ramblingwood.com/sandbox/webkit-bug/test.html

我用过这个测试文件:

  
  
  
  



 
test
  
width() 
  
outerWidth() 
  
outerWidth(true) 

 
test2
  
width() 
  
outerWidth() 
  
outerWidth(true) 

 
test3
  
width() 
  
outerWidth() 
  
outerWidth(true) 

hobbs.. 11

Chrome的DOM检查员确认这是一个WebKit问题; 即使您试图覆盖,div也会获得较大的右边距margin-right.强制正确计算边距的一些事情包括float: left和display: inline-block.此外,如果你将div放在另一个大小的div中,outerWidth(true)它将给出innerWidth包含div的内容,这可能是一个有用的实际解决方法 - 只需将它包装在div中margin: 0; padding: 0; width: XXX.

Chrome的DOM检查员确认这是一个WebKit问题; 即使您试图覆盖,div也会获得较大的右边距margin-right.强制正确计算边距的一些事情包括float: left和display: inline-block.此外,如果你将div放在另一个大小的div中,outerWidth(true)它将给出innerWidth包含div的内容,这可能是一个有用的实际解决方法 - 只需将它包装在div中margin: 0; padding: 0; width: XXX.