html - Firebug 看不到显示 :block attribute of an element?

Question

我正在用 Firebug 检查这个页面上的代码:

http://www.phppennyauctiondemo.com/

在右上角，有一个“注册”按钮和其中的一个链接。

当我选择与 firebug 的链接时，在 firebug 的“样式”部分，我找不到 display:block 属性，即使我知道它在那里(它可以在 firebug 的“计算”部分找到它清楚地说，显示: block )。

所以如果链接有一个默认的内联显示，并且没有用 css 改变，为什么这个元素有一个 display:block？我在这里缺少什么？

Answer 1

如果向下滚动该元素的“样式”部分，您会注意到第二条规则:

#header .top-menu li a {
    color: #FFFFFF;
    float: left;
    font-weight: 700;
    padding: 0.35em 0;
}

float 声明将链接变成 block 元素，因为 float 元素是隐式的display: block(计算结果)。