为什么Chrome开发工具中的元素大小工具提示和计算样式大小不同？

Question

当我在我的GWT项目中调试一个问题时,我注意到当我在一个元素上移动时,我在工具提示和阴影区域中看到它的大小,指示它在屏幕中的大小和位置.但是,当选择该元素并查看其"计算样式"属性时,我注意到宽度是相同的,但高度与工具提示不同(它为零).

这让我想知道:Chrome在工具提示中显示的大小是多少？当计算的样式为零时,为什么它不为零？

此外,显示元素框模型的"metrics"区域显示高度为零的大小.

这是关于我在说什么的图像:http: //img845.imageshack.us/img845/1766/96984162.png

Answer 1

您的文档类型可能有错误——这可能会导致元素以异常的盒模型进行渲染。尝试过通过 W3C 验证运行您的标记吗？您的文档类型之前是否有任何代码出现？

不久前，当我不小心在代码开头留下了 print_r() 时，我遇到了这个问题。