Firebug看不到display:block属性的元素?

时间:2011-07-07 16:59:01

标签: html css firebug

我正在使用firebug检查此页面上的代码:

http://www.phppennyauctiondemo.com/

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

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

因此,如果链接具有默认的内联显示,并且没有使用css更改,那么为什么这个元素有一个display:block?我在这里缺少什么?

1 个答案:

答案 0 :(得分:7)

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

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

float声明将链接转换为块元素,因为浮动元素是隐式display: block(按计算)。