CSS:清除内联元素

CSS: clear on inline elements

提问人:Joy 提问时间:6/10/2015 更新时间:6/10/2015 访问量:1133

问:

检查这个 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>

图像是浮动的,并且具有 .但是,如果 has 显示值 或 ,则不会创建间隙。仅当 时,才会创建间隙。spanclear:bothspaninlineinline-blockblock

我检查了规格,它说:

both:要求框的上边框边缘低于底部 导致的任何右浮动和左浮动框的外边缘 来自源文档前面的元素。

它没有提到如何影响间隙的创建。谁能帮忙解释一下?display

css css -浮点数

评论


答:

5赞 Oriol 6/10/2015 #1

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

“清除”

适用于:块级元素

块级元素定义为

块级元素是源文档中那些 在视觉上被格式化为块(例如,段落)。以下 display 属性的值使元素成为块级:、 和 。blocklist-itemtable