css三个div并排平均排放

CSS是网页设计中必不可少的一部分，它可以让我们更加灵活的控制网页的样式。今天我们来学习一下如何将三个div并排平均排放。

<div class="container">
  <div class="box">
    <p>这是第一个div</p>
  </div>
  <div class="box">
    <p>这是第二个div</p>
  </div>
  <div class="box">
    <p>这是第三个div</p>
  </div>
</div> 

以上是HTML的代码，我们将三个div包裹在一个container的div中。接下来，我们给每个div设置宽度和float属性。

.box {
  width: 30%;
  float: left;
  height: 200px;
  background-color: #ddd;
} 

在CSS中，我们给每个div设置宽度为30%，这样三个div加起来就是整个容器的宽度。float属性可以让div在同一行排列，而height属性则是设置div的高度。background-color是设置背景颜色。

最后，我们再给container设置一个clearfix清除浮动。

.container::after {
  content: "";
  clear: both;
  display: table;
} 

这样，三个div就可以并排平均排列了。