CSS：清除内联元素上的浮动

Question

3

请查看此 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>

图像被浮动，而具有clear:both。但是，如果的显示值为inline或inline-block，则不会创建间隔。仅当它是block时，才会创建间隔。

我查看了规范，它说：

“both：要求框的顶部边缘在源文档中早期元素导致的任何右浮动和左浮动框的底部外边缘之下。”

它没有提到display如何影响清除的创建。有人能帮忙解释一下吗？

- Joy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oriol · Accepted Answer

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

'clear'

适用于: 块级元素

块级元素被定义为

块级元素是指源文档中以块格式（例如段落）进行视觉格式化的元素。以下display属性值可使元素成为块级元素: block、list-item和table。