Html 检查Google上的元素和标签上的Opera错误大小

问题是它糟糕的编码或inspect元素是否在Opera和Google Chrome上被窃听

如果您检查右侧菜单上的元素，而不是顶部的元素，您将看到a标记具有0 px 0 px，而在firebug中，标记显示为跨度大小，在internet explorer中显示为与firebug中相同

我真正的问题是检查元件工作不正常？代码如下：

这不是一个错误的尺寸

“a”元素是内联元素，因此它实际上没有“box”。说它没有大小可能看起来是错误的（因为你“看到”它使用空间），但根据规范可以认为它是正确的（现在找不到链接）。 报告它的大小作为它的内容的大小可能不太符合规范，但是inspector是一个面向帮助开发的工具，如果它看起来像一个盒子，那么说它占据了多少视觉空间（即使它不是真正/正确的盒子）是有意义的

所以这两个答案（0x0和#x#）都可以被认为是正确的

如果您在使用的检查器中更改“a”元素的“display”属性并将其设置为“inline block”，您将检查这两个元素是否报告相同的大小，因为它实际上有一个“box”

当链接只是一个词时，它可能不是很明显，但是请考虑这个代码：

<p style="background:grey">This is a paragraph with a link. <a href="#" style="background:yellow">It's an inline element</a> that does not have a bounding box.</p>

这是一个带有链接的段落。没有边界框的

当段落呈现为一行时，仍然认为有一个方框，但当它呈现为这样的内容时：

---

…你看得很清楚。它不是一个框，它是内联内容。

仍然内联元素的宽度和高度不是0高度0宽度，因此仍然存在一些问题。我可以创建一个div内联元素，但它仍然具有宽度和高度。不管怎么说，这是件奇怪的事。我接受你的回答：）。

<p style="background:grey">This is a paragraph with a link. <a href="#" style="background:yellow">It's an inline element</a> that does not have a bounding box.</p>