[分享]css两个box在同一位置

在CSS中，想要将两个box置于同一位置，需要考虑以下几点：

1.使用position属性

box1 {
  position: absolute;
  top: 0px;
  left: 0px;
}

box2 {
  position: absolute;
  top: 0px;
  left: 0px;
} 

使用position属性可以使box1、box2的原本位置失效，再通过top和left属性将它们移至相同的位置。

2.使用float属性

box1 {
  float: left;
  width: 50%;
}

box2 {
  float: left;
  width: 50%;
} 

使用float属性使box1、box2都向左浮动，再通过设置宽度为50%将它们分别占据页面左右两侧。

以上两种方法都可以实现将两个box置于同一位置的效果，具体应该根据场景和需求选择适合的方案。