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