怎么在css中把东西往右移

  
    
    
    
  
  
    第一个（前者）div

操作设置第二个div左外边距离样式

关键CSS代码：

.box-a,
      .box-b {
        width: 200px;
        height: 100px;
        float: left;
      }
      .box-a {
        border: 1px solid #00f;
      }
      .box-b {
        border: 1px solid #f00;
        margin-left: 20px;
      }

截图

二、使用margin-right让第二个div靠右产生一定距离

使用说明

上一个方法是直接对要右移div设置margin-left自身靠左一定距离，从而实现div自身向右移。

如果使用margin-right就不能对需要向右移div设置，而是对前者（蓝色div）设置即可，实现红色div右移一定距离。

CSS代码：

.box-a,
      .box-b {
        width: 200px;
        height: 100px;
        float: left;
      }
      .box-a {
        border: 1px solid #00f;
        margin-right: 20px;
      }
      .box-b {
        border: 1px solid #f00;
      }

截图：

上述内容就是怎么在css中把东西往右移，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。