margin:auto的计算规则示意实例页面

展示

代码

• HTML：

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

• CSS：

  .father {
      width: 300px;
      background-color: #f0f3f9;
  }
  .son {
      width: 200px; height: 120px;
      margin-right: 80px;
      margin-left: auto;
      background-color: #cd0000;
  }