如何让两个div并排显示

将两个div并排显示，您可以使用CSS中的display: inline-block;属性或float属性。下面是两种方法的示例：

方法一：使用display: inline-block;

HTML代码：

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

CSS代码：

.box {
display: inline-block;
width: 200px;
height: 200px;
background-color: #ccc;
margin: 10px;
}

在上述示例中，每个具有box类的div元素都将以内联块的形式显示，宽度和高度设置为200像素，背景颜色为#ccc，并且具有10像素的外边距。这将导致两个div并排显示在一行上。

方法二：使用float

HTML代码：

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

CSS代码：

.box {
float: left;
width: 200px;
height: 200px;
background-color: #ccc;
margin: 10px;
}

在上述示例中，每个具有box类的div元素都使用float: left;属性来使其浮动并排显示。宽度和高度设置为200像素，背景颜色为#ccc，并且具有10像素的外边距。

无论您选择使用display: inline-block;还是float，都可以将两个div并排显示。您可以根据需要自定义div的样式。