让两个div在一行显示：三种方法详解（float、inline-block、flex）

不一定必须使用float浮动，还可以使用display:inline-block或者flex布局来实现让两个div在一行。具体实现方法如下：

1. 使用display:inline-block

可以将两个div的display属性设置为inline-block，这样它们就会像行内元素一样排列在同一行。但是需要注意的是，这种方法会在两个div之间产生间距，可以通过将父容器的font-size属性设置为0来去除间距。

.parent {
  font-size: 0;
}
.child {
  display: inline-block;
  font-size: 16px; /* 恢复默认字体大小 */
}

2. 使用flex布局

可以将父容器的display属性设置为flex，然后对子元素进行flex布局，通过设置flex属性来实现子元素在同一行排列。这种方法不会产生间距。

.parent {
  display: flex;
}
.child {
  flex: 1; /* 平分父容器的宽度 */
}