如何減少具有邊距的div的百分比，使它們完全符合其父項？

Question

有了這個HTML/CSS：

HTML：

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

CSS/STYLUS：

.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);