CSS 实现 DIV 浮动于 input 上方

可以使用 CSS 中的 position 属性来实现 DIV 浮动于 input。具体方法如下：

1. 将 input 和需要浮动的 DIV 放在同一个容器中，如下所示：

<div class='container'>
  <input type='text' name='input'>
  <div class='float-div'></div>
</div>

2. 使用 CSS 设置容器的 position 为相对定位 (relative)，并设置浮动的 DIV 的 position 为绝对定位 (absolute)，如下所示：

.container {
  position: relative;
}
.float-div {
  position: absolute;
  top: 0;
  right: 0;
}

3. 为浮动的 DIV 设置需要的样式，如宽度 (width)、高度 (height)、背景颜色 (background-color) 等，如下所示：

.float-div {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 50px;
  background-color: #ccc;
}

这样就可以实现 DIV 浮动于 input 的效果了。需要注意的是，如果 input 的宽度比容器宽度小，浮动的 DIV 是不会出现在 input 旁边的，需要根据实际情况进行调整。