如何在焦点上的输入框旁边放置div？

<div class="container">
  <input type="text" class="input-field">
  <div class="custom-div">这是一个自定义的div</div>
</div>

.container {
  position: relative;
}

.custom-div {
  position: absolute;
  top: 0;
  right: 0;
}

<div class="container">
  <input type="text" class="input-field">
  <div class="custom-div">这是一个自定义的div</div>
</div>

.custom-div {
  float: left;
}

<div class="container">
  <input type="text" class="input-field">
  <div class="custom-div">这是一个自定义的div</div>
</div>

.container {
  display: flex;
  align-items: center;
}

.custom-div {
  margin-left: 10px; /* 可根据需要调整间距 */
}