div float 居中

要将一个 div 元素使用 float 属性居中，可以使用以下方法：

1. 设置左右 margin 为 auto，并且为该 div 添加一个固定的宽度。例如：

div {
  width: 200px; /* 设置宽度 */
  margin-left: auto; /* 左右 margin 设置为 auto */
  margin-right: auto;
  float: none; /* 取消浮动 */
}

2. 使用 flexbox 布局。将父容器设置为 display: flex，并且使用 justify-content 属性设置水平居中。例如：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
}

.container div {
  float: none; /* 取消浮动 */
}

3. 使用 position 属性。将父容器设置为相对定位，然后将 div 设置为绝对定位，并通过 left 和 right 属性将其居中。例如：

.container {
  position: relative; /* 相对定位 */
}

.container div {
  position: absolute; /* 绝对定位 */
  left: 0;
  right: 0;
  margin: 0 auto; /* 水平居中 */
}

这些方法中，第一种方法是最常用的。根据具体情况选择适合的方法进行布局。