[分享]css中怎么使2个div并排显示

在CSS中要使两个div并排显示，可以使用以下两种方法：

一、使用float属性

.div1 {
  float: left;
  width: 50%;
}
.div2 {
  float: right;
  width: 50%;
} 

这种方法利用了浮动特性，将两个div分别向左和向右浮动，同时设定宽度为50%可以使两个div等宽并并排显示。

二、使用display属性

.container {
  display: flex;
  justify-content: space-between;
} 

这种方法利用了flex布局，将div容器设定为flex，并设置主轴对齐方式为space-between即可使两个div并排显示，并且两个div之间留有相等的间距。