有两个元素，如何让元素<div class=“header-voice”></div> 浮动在元素<h2>有搭子，生活有温度</h2>的右侧，并在之后清除浮动

为了将`<div class="header-voice"></div>`浮动到`<h2>有搭子，生活有温度</h2>`的右侧，并清除其浮动影响以便其他元素能正常排列，你可以采用CSS中的float和clearfix技术。以下是步骤：

1. 给包含这两个元素的容器设置一个类名，例如`.container`，并为其添加一些基本样式，如宽度、高度等，以保持布局稳定。

<div class="container">
  <h2>有搭子，生活有温度</h2>
  <div class="header-voice"></div>
</div>

2. 使用CSS浮动功能，将`.header-voice`元素向右浮动：

.header-voice {
  float: right;
}

3. 清除浮动对后续元素的影响，可以添加一个匿名`::after`伪元素并在`.container`类上应用clear属性：

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

或者，在`.header-voice`元素后面添加一个空的`<br>`标签，也可以达到同样的效果：

<div class="container">
  <h2>有搭子，生活有温度</h2>
  <div class="header-voice"></div><br>
</div>