css两个盒子怎么并列

在CSS中，使用盒子模型来布局页面元素，常见的有块级元素和行内元素。当需要将两个块级元素并列显示时，可以使用以下两种方法。

第一种方法是使用浮动，代码如下：

.Box1 {
  float: left;
  width: 50%;
  height: 200px;
  background-color: red;
}

.Box2 {
  float: left;
  width: 50%;
  height: 200px;
  background-color: blue;
}

在上面的代码中，Box1和Box2都设置了float属性为left，表示将它们浮动到左边，并且设置了宽度为50%，让它们并列显示。通过给浮动元素设置宽度和高度可以控制它们的大小，而且可以用background-color属性设置不同的背景颜色。

第二种方法是使用display属性，代码如下：

.container {
  display: flex;
}

.Box1 {
  width: 50%;
  height: 200px;
  background-color: red;
}

.Box2 {
  width: 50%;
  height: 200px;
  background-color: blue;
}

在上面的代码中，container设置了display属性为flex，这样它里面的所有子元素都可以使用flex布局。Box1和Box2的宽度都设置为50%，这样它们就可以并列显示。同时，flex布局还可以灵活地控制子元素的对齐方式、排序方式等。