CSS设置为内嵌显示，但检查器显示块

我试图将h3标记设置为内联，但无论我在CSS中使用什么规则，检查器中的框模型显示display: block。CSS设置为内嵌显示，但检查器显示块

.widget_title { 
    display:inline; 
    float:left; 
}

为什么这是任何想法？

2015-09-04 Lee

这是浏览器提供的h3的默认样式。你可以在jsfiddle中创建代码示例 –

不要在'inline'或'inline-block'显示的元素中使用float。 Float将其转换为'block' –

看起来很简单：在内联元素上使用float属性，该属性强制inline元素变为block元素。

必不可少的部件是这里：

左该元件产生被向左浮动块框。内容在框右侧从顶部开始（受“明确”属性限制）。

2015-09-04 08:09:32 smnbbrv

这很有趣，而且绝对正确。删除浮动，解决问题。 – Lee

@Lee添加了文档参考，以澄清为什么会发生这种情况 – smnbbrv

当使用浮法，绝对位置或固定的元件上你强制此元件出的正常流动的。当一个元素超出正常流程时，显示：inline或inline-block对此，没有任何意义。这就是为什么超出正常流程的元素被视为块元素，无论它们的显示CSS属性是什么。 This是一个古老但有趣的文章关于浮游物。

2015-09-04 08:22:28

回答