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

我试图将

h3

标记设置为内联，但无论我在CSS中使用什么规则，Inspector中的框模型都显示

display:block

---

你知道为什么吗？

看起来很简单：在内联元素上使用

float

属性，强制

inline

元素成为

块

元素

重要部分如下：

左 元素生成一个浮动到左侧的块框。 内容在框的右侧流动，从顶部开始 （以“明确”财产为准）

---

当您使用float、position absolute或fixed在一个元素上时，您会强制该元素退出正常流。当一个元素不在正常的流中时，display:inline或inline块对于这一点，并没有任何意义。这就是为什么超出正常流的元素被视为块元素，不管它们的显示css属性是什么。

---

是一篇关于浮动的古老而有趣的文章。

这是浏览器提供的h3的默认样式。您能在JSFIDDLE中创建代码的示例演示吗？不要在

inline

或

inline block

显示的元素中使用float。Float将其转换为

块

，这很有趣，而且绝对正确。移除浮动，修复了该问题。

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