DIV排列的问题 - HTML和CSS解决方案

在Web开发中，DIV是一个常用的HTML元素，用于创建和组织网页的布局。通过使用HTML和CSS，我们可以控制DIV元素的排列方式，以实现各种布局需求。本文将介绍一些常见的DIV排列问题，并提供相应的HTML和CSS代码解决方案。

问题1：水平排列DIV

如果我们希望将多个DIV水平排列在一行中，可以使用CSS的float属性。以下是一个示例：

HTML代码：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS代码：

.container {
   
   
  overflow: auto