在CSS中，將兩個div元素并列顯示是一個常見的需求，要實現(xiàn)這個效果，你可以使用CSS的浮動（float）屬性或者Flexbox布局。

使用浮動（float）屬性

HTML結(jié)構(gòu)：

<div class="div1">我是div1</div>
<div class="div2">我是div2</div>

CSS樣式：

.div1 {
  float: left;
  width: 50%;
  background-color: #f00;
}
.div2 {
  float: right;
  width: 50%;
  background-color: #0f0;
}

在這個例子中，div1和div2會并列顯示，各占屏幕寬度的50%。float: left;和float: right;分別使兩個div元素向左和向右浮動。background-color屬性用于區(qū)分兩個div元素。

使用Flexbox布局

HTML結(jié)構(gòu)：

<div class="container">
  <div class="div1">我是div1</div>
  <div class="div2">我是div2</div>
</div>

CSS樣式：

.container {
  display: flex;
}
.div1 {
  flex: 1;
  background-color: #f00;
}
.div2 {
  flex: 1;
  background-color: #0f0;
}

在這個例子中，div1和div2也會并列顯示，各占容器寬度的50%。flex: 1;使兩個div元素平均分配空間。background-color屬性同樣用于區(qū)分兩個div元素。

- 使用浮動（float）屬性或Flexbox布局都可以實現(xiàn)兩個div元素的并列顯示。

- 浮動（float）屬性適用于簡單的并列布局，而Flexbox布局提供了更靈活的布局選項，適合更復(fù)雜的場景。

- 在選擇布局方式時，考慮你的具體需求和布局復(fù)雜度。