css两个div水平

  /* HTML代码 */
    <div class="box1">这是第一个div元素</div>
    <div class="box2">这是第二个div元素</div>

    /* CSS代码 */
    .box1 {
      width: 50%;
      height: 100px;
      background-color: green;
      display: inline-block;
      float: left;
    }

    .box2 {
      width: 50%;
      height: 100px;
      background-color: red;
      display: inline-block;
      float: right;
    } 

上述代码实现了两个宽度为50%的