如何不用float样式让多个DIV水平排列？

你可以使用display: inline-block样式将多个DIV元素水平排列，而不需要使用float样式。这样每个DIV元素都将被视为内联元素，并在同一行上水平排列。例如：

<div style="display: inline-block">Div 1</div>
<div style="display: inline-block">Div 2</div>
<div style="display: inline-block">Div 3</div>

这将在同一行上水平排列三个DIV元素。你也可以将这些DIV元素放在一个父元素中，并将该父元素的display属性设置为flex，以更好地控制它们的布局。例如：

<div style="display: flex">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
</div>

这将使用Flexbox布局使三个DIV元素在同一行上水平排列。