计算出的风格被强制成其他东西

Question

我有<div>通过class设置了以下css属性：

• display：inline-block
• float：left
• clear：none

但是当我在Chrome工具“Computed Style”区域中看到该对象时，display: inline-block被识别但被划掉，并被计算为“display：block”。为什么会这样？

此<div>的类名称为hbox_elem，计算出的样式如下所示：

我尝试了Evan的建议，现在我得到了这个，但它仍然不起作用：

Answer 1

float: left强制display: block强制display的大多数值。

http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

  

否则，如果'float'的值不是'none'，则浮动框并根据下表设置'display'。

表格的摘录：

Specified value | Computed value  
--------------------------------
inline-block    | block

Answer 2

另一个CSS规则可能会覆盖它。尝试在!important之后inline-block进行验证。

div.hbox_elem
{
    display:inline-block !important;
}