CSS 浮动

在上一篇文章中我和大家讨论了 CSS 浮动。

如果浮动多个元素会发生什么？

如果他们在浮动时发现另一个浮动图像，它们将默认水平相邻堆叠。它们将被堆放在新的线上，直到没有更多的空间。

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

假设我们在 p 标签中有 3 个嵌入图像：

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

如果我们在这些图像中添加一个浮动：left；

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

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

我们得到这个：

如果您在图像中添加clear: left，它们将垂直堆叠而不是水平堆叠；

我用的是显而易见的：left。

• left 向左清除悬停
• 向右 向右清除悬停
• 向左和向右均清除悬停
• 无（默认）禁用清除