如何减去带有边距的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);