块级元素右对齐/左对齐

html部分

<div class="father">
     <div class="son"></div>
</div>

css部分

 .father {
    width: 300px;
    background: green;
  }

  .son {
    width: 200px;
    height: 200px;
    margin-right: auto;   //左对齐
    background: red;
  }

 .father {
    width: 300px;
    background: green;
  }

  .son {
    width: 200px;
    height: 200px;
    margin-left: auto;   ///右对齐
    background: red;
  }