如何用边距减去div的百分比，使它们完全符合父级？

Question

使用此HTML/CSS：

HTML：

  <div class="row">
    <div class="col-6">
    </div>
    <div class="col-6">
    </div>
  </div>

CSS/手写笔：

.row {
  max-width: 1230px
  margin: 0 auto
  width: 100%
}

.col-6 {
  margin: 5px
  float: left
  width: 50% - 10px
}

我期望.col-6 div能够完美地适应它们的父.row。但我错了：

​

让.col-6 div完全适应.row (水平方向)的正确方法是什么？

Answer 1

尝试使用calc()；

width: calc(50% - 10px);