css中怎么设置左右两个盒子

CSS作为网页设计中的重要一环，是不可或缺的一部分，而设置左右两个盒子也是CSS中的常见需求。下面就为大家介绍如何设置左右两个盒子。

.left-box {
  float: left; /*将左边盒子设置为左浮动*/
  width: 50%; /*左边盒子的宽度为整个容器的一半*/
}

.right-box {
  float: right; /*将右边盒子设置为右浮动*/
  width: 50%; /*右边盒子的宽度为整个容器的一半*/
} 

通过以上代码我们可以很容易的设置出左右两个盒子，而两个盒子各占容器的一半，通过调整宽度可以实现自己想要的效果。

同时需要注意的一点是，如果容器中还有其他元素，需要将其清除浮动，否则可能出现元素叠在一起的情况。

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

以上为清除浮动的代码，在容器外面添加一个clearfix类来实现清除浮动效果。

总而言之，设置左右两个盒子并不难，只需要设置浮动和宽度即可。同时需要注意清除浮动，以保证布局的正确性。