css2个div并列

CSS可以很轻松地实现两个div并列的效果。在HTML中，我们可以使用两个div元素来创建两个独立的块。要使它们并列，我们只需要添加一些CSS属性。

  <div class="Box1">
    <p>This is Box 1</p>
  </div>

  <div class="Box2">
    <p>This is Box 2</p>
  </div>

  .Box1 {
    width: 50%;
    float: left;
  }

  .Box2 {
    width: 50%;
    float: right;
  }

我们首先定义了两个div元素，每个元素包含一个简单的段落。然后，我们为两个div分别添加了类名“Box1”和“Box2”。接着，我们使用CSS来使这两个div并列。

我们使用width属性来定义每个div元素的宽度为50%。这样，两个div加起来的宽度就是100%，恰好占据了整个可用空间。

然后，我们使用float属性来让Box1元素向左浮动，而Box2元素向右浮动。由于浮动元素脱离了文档流，因此它们会并排排列在一起。

通过这些简单的CSS属性，我们可以轻松地实现两个div并列的效果，为我们的网页布局提供了更多的灵活性。