如何仅使用float属性将H2移到H1之下？

在HTML文档中，H1和H2是常用的标题标签，H1通常用于页面的主标题，而H2用于子标题。有时候我们希望将H2移到H1的下面，这时候可以使用CSS中的float属性来实现。

float属性简介

float属性用于指定一个元素在其容器内的浮动方向。当我们将一个元素设置为浮动时，它会脱离文档流并向左或向右浮动。其他元素会依据浮动元素占据的空间来对齐。

float属性常用的值有left和right，分别表示向左浮动和向右浮动。还有一个值是none，表示不浮动。

实现H2移到H1下面的方法

我们可以将H2设置为浮动，并将浮动方向设置为left，这样H2就会浮动到H1的下面。

h2 {
  float: left;
}

接着，我们需要使用clear属性来清除浮动，这样后面的内容就不会受到H2的影响。

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

最后，在H1的父元素上添加clearfix类来清除浮动。

<div class="header clearfix">
  <h1>主标题</h1>
  <h2>子标题</h2>
</div>

以上代码片段已经演示了如何使用float属性将H2移到H1之下，你可以将代码片段复制到你的HTML和CSS文件中进行测试。

总结

float属性是CSS中常用的浮动布局属性，可以通过它轻松实现元素之间的布局。当你需要将元素浮动到其他元素的下面时，可以通过设置浮动方向和清除浮动来实现。