CSS兩個框并列的打法

在CSS中，我們可以使用多種方法將兩個框并列，下面是一些常見的并列方法：

1、使用float屬性

我們可以將兩個框的float屬性設置為left或right，使它們分別浮動到左側或右側。

.box1 {
  float: left;
  width: 50%;
  height: 200px;
  background-color: #f00;
}
.box2 {
  float: right;
  width: 50%;
  height: 200px;
  background-color: #0f0;
}

2、使用flex布局

我們可以使用flex布局將兩個框并列。

.container {
  display: flex;
}
.box1 {
  width: 50%;
  height: 200px;
  background-color: #f00;
}
.box2 {
  width: 50%;
  height: 200px;
  background-color: #0f0;
}

3、使用grid布局

我們可以使用grid布局將兩個框并列。

.container {
  display: grid;
  grid-template-columns: 50% 50%;
}
.box1 {
  height: 200px;
  background-color: #f00;
}
.box2 {
  height: 200px;
  background-color: #0f0;
}

是三種常見的CSS兩個框并列的方法，你可以根據自己的需求選擇適合的方法。