css如何让两个div模块并列

CSS是一种用于网页排版的语言，它可以帮助我们美化网页。当我们需要在同一行中显示两个不同的div模块时，如何使用CSS让它们并列呢？下面我们来看一下实现的方法。

  
Box 1
  
Box 2


.container {
  display: flex;
  flex-wrap: wrap;
}

.Box1,.Box2 {
  width: 50%;
}

.Box1 {
  background-color: blue;
}

.Box2 {
  background-color: red;
}

以上的代码实现了两个div模块的并列，其中div中的class属性指定了不同的样式。CSS中的flex布局可以实现多个元素在一条直线上排列，而且可以自动适应不同的屏幕尺寸。

使用上述代码可以让两个div模块在同一行中并列显示，Box1位于左侧，Box2位于右侧，两个模块宽度均占整个容器宽度的50%。容器的宽度可以根据实际需求自行改变。

除了使用flex布局，还可以使用float属性或者inline-block属性来实现两个div模块的并列显示。但是相比较而言，flex布局更加简便，而且可以自动适应各种设备屏幕大小，因此更加适合用于实现网页的自适应布局。