[分享]css两个div如何不并排

在网页中，经常会将两个div分开放置，而不是并排放置。那么该如何实现呢？下面来介绍两种方法。方法1：使用float属性div{ float: left; } 使用float属性可以将元素放到一侧，而不...

在网页中，经常会将两个div分开放置，而不是并排放置。那么该如何实现呢？下面来介绍两种方法。

方法1：使用float属性

div{
  float: left;
} 

使用float属性可以将元素放到一侧，而不是并排放置。同时，需要设置每个元素的宽度，确保元素不会重叠。

方法2：使用flex属性

.container{
  display: flex;
  flex-wrap: wrap;
}
div{
  flex: 1 0 40%;
  margin: 10px;
} 

使用flex属性可以实现元素自适应宽度，同时可以进行换行，以便在小屏幕上正常显示。设置每个元素的flex属性可以使它们平分剩余空间，同时加上一些margin使它们看起来分开。

综上所述，有多种方法可以将两个div分开放置，选择合适的方法根据具体情况而定。