css两个盒子怎么放进去

CSS是前端开发中不可或缺的一部分。其中，盒子模型更是开发中常用的一个概念，它决定了HTML元素在网页上的位置和大小。在实现盒子模型时，经常会遇到将两个盒子放在一起的需求。接下来，我们来讨论一下如何在CSS中将两个盒子放进去。

.box1 {
  width: 200px;
  height: 200px;
  background-color: #f00;
  float: left;
}

.box2 {
  width: 200px;
  height: 200px;
  background-color: #00f;
  float: left;
} 

以上是两个盒子的基本样式。为了让两个盒子能够相邻，我们给它们都添加了float: left;属性。这个属性可以将元素设为浮动元素，使它们脱离文档流，可以自由移动位置。

接着，我们需要将两个盒子放在同一个盒子中。我们可以使用一个父容器div来包裹这两个盒子：

<div class="container">
  <div class="box1"></div>
  <div class="box2"></div>
</div> 

我们为容器div添加样式：

.container {
  width: 400px;
} 

这里我们设定了容器div的宽度为400px，以便容纳两个200px的盒子。现在，我们就可以在容器div中看到两个盒子放在一起了。

通过以上的例子，我们可以看到，将两个盒子放在一起非常简单。只需要使用float: left;属性让两个盒子相邻，并将它们放在同一个父容器中即可。当然，如果您需要更复杂的排列效果，可以使用flexbox或grid等CSS布局技术来实现。