码农之家

CSS 清除float浮动

匿名用户

之前的文章中，俺跟大家讨论了CSS浮动。

当浮动多于一个元素时会发生什么?

如果在浮动的时候他们找到了另一个浮动的图像，默认情况下他们是一个挨着另一个水平堆叠。直到没有空间，它们将开始被堆叠在新的一行上。

假设我们在p标签中有3张内嵌图像:

如果我们给这些图像添加float:left;

img {
  float: left;
  padding: 20px 20px 0px 0px;
}

这就是我们得到的结果:

如果你添加给图片clear: left，这些将是垂直堆叠而不是水平；

我用是clear:left。