HTML5浮动

在HTML5中，浮动（Floats）是一种布局方式，它允许您将元素向左或向右浮动，使其绕过其他元素而不是正常的文本流。使用浮动时，您可能还需要清除浮动以避免影响到其他元素。

以下是使用HTML5和CSS进行浮动的示例：

HTML:

<div class="float-container">
  <div class="float-left">左浮动</div>
  <div class="float-right">右浮动</div>
  <div class="clearfix"></div>
</div>

CSS:

.float-left {
  float: left;
  width: 100px;
  height: 100px;
  background-color: lightblue;
  margin-right: 20px;
}
 
.float-right {
  float: right;
  width: 100px;
  height: 100px;
  background-color: lightcoral;
  margin-left: 20px;
}
 
/* 清除浮动 */
.clearfix {
  clear: both;
}

在这个例子中，.float-left 和 .float-right 类使得其相应的 <div> 元素向左或向右浮动。.clearfix 类被添加到一个空的 <div> 来清除其前面的浮动，以防止浮动影响到紧随其后的内容。