ant-input如何让校验文字浮动

可以通过设置 `validateStatus` 属性来让校验文字浮动。

具体步骤如下：

1. 在表单控件中添加 `validateStatus` 属性，该属性的值可以是 `'success'`、`'warning'`、`'error'` 或者 `''`，分别表示校验成功、校验警告、校验失败或者没有校验状态。

<Form.Item
  label="Username"
  name="username"
  rules={[{ required: true, message: 'Please input your username!' }]}
  validateStatus={errors.username && touched.username ? 'error' : ''}
  help={errors.username && touched.username ? errors.username : ''}
>
  <Input />
</Form.Item>

2. 通过 CSS 样式来让校验文字浮动。

.ant-form-item-explain {
  position: absolute;
  top: 100%;
  left: 0;
}

这样，当校验状态为 `'error'` 时，校验文字就会浮动到表单控件下方。你可以根据需要调整 `top` 和 `left` 属性来控制校验文字的位置。