css中怎么设置盒子左右位置

CSS中设置盒子左右位置的方法有多种，可以使用浮动和定位等技术实现。下面将分别介绍这两种技术的使用方法。

浮动技术

.box {
  float: left;
  /*或者 float: right;*/
} 

以上代码中，我们使用float属性将盒子向左或向右浮动，可以让盒子靠左或靠右显示。需要注意的是，浮动会破坏文档的正常流程，可能会影响其他元素的位置和布局，所以在使用时需要谨慎。

定位技术

.box {
  position: relative; /*父元素设置为相对定位*/
  left: 100px; /*或者 right: 100px;*/
} 

以上代码中，我们使用position属性将父级元素设置为相对定位，并使用left或right属性将盒子向左或向右移动指定距离，实现盒子的左右位置设置。需要注意的是，在使用定位技术时需要考虑父元素的宽度和高度，否则可能会出现位置错乱的情况。