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，才会创建许可。

我检查了Spec，它说：

  

both：要求盒子的顶部边框边缘低于底部   由此产生的任何右浮动和左浮动框的外边缘   来自源文档中较早的元素。

没有提及display如何影响许可的创建。有人可以帮忙解释一下吗？

Answer 1

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

  

<强> '清晰的'

     

适用于：块级元素

Block-level elements定义为

  

块级元素是源文档的那些元素   视觉上被格式化为块（例如段落）。下列   display属性的值构成元素块级别：block，   list-item和table。