[分享]css两个div分配空间

之间的空间。这种空间可以是水平（例如，在网页顶部将公司标志放在导航栏旁边）或者是垂直的（例如，在背景中放置一张图片）。以下是两个不同的方法，用于在CSS中分配空间。

/*第一种方法：使用Float属性*/

div#logo {
  float: left;
  width: 100px;
  height: 50px;
  background-color: #ccc;
}

div#nav {
  float: left; /*设置浮动*/
  width: auto; /*宽度自适应*/
  height: 50px;
  background-color: #333;
}

/*第二种方法：使用Flexbox*/

div#container {
  display: flex; /*设置父容器为Flexbox*/
  justify-content: space-between; /*子元素间空间平均分配*/
  align-items: center; /*子元素纵向居中*/
  background-color: #ffcccb;
}

div#leftSide {
  width: 100px;
  height: 50px;
  background-color: #ccc;
}

div#rightSide {
  width: 200px;
  height: 50px;
  background-color: #333;
} 

在以上代码中，第一种方法使用float属性将两个