CSS:内联元素清除

Question

检查这个JSFiddle

<IMG src="https://www.google.com.hk/images/srpr/logo11w.png" alt="This image will illustrate floats">
<span>The contents of floats are </span>

图像被浮动，span有clear:both。但是，如果span具有显示值inline或inline-block，则不会创建清除权限。只有当它是block时，才会创建权限。

我检查了等级库，上面写着：

两者都:要求框的上边框位于源文档前面的元素所产生的任何右浮动和左浮动框的下外缘以下。

它没有提到display是如何影响权限的创建的。有人能帮我解释一下吗？

Answer 1

很简单：clear只适用于块级元素。

'clear' 应用于:块级元素

块级元素被定义为

块级元素是源文档中那些可视化地格式化为块的元素(例如段落)。display属性的下列值构成元素块级别：block、list-item和table。