Abaixo estão duas linhas.

Primeira linha são dois itens emflex 1 e um emflex 2.

Segunda linha são dois itens emflex 1.

De acordo com as especificações1A + 1B = 2A

Mas quandopreenchimento está incluída no cálculo, a soma está incorreta, como você pode ver no exemplo abaixo.

PERGUNTA, QUESTÃO

<, p> Como fazer com que a caixa flexível inclua preenchimento em seu cálculo para que as caixas no exemplo estejam alinhadas corretamente?

.Row{
  display:flex;
}
.Item{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0 10px 10px 0;
}
.Item > div{
  background:#7ae;
}
.Flx2{
  flex:2;
}

<div class="Row">
  <div class="Item">
    <div>1A</div>
  </div>
  <div class="Item">
    <div>1B</div>
  </div>
  <div class="Item Flx2">
    <div>1C</div>
  </div>
</div>

<div class="Row">
  <div class="Item">
    <div>2A</div>
  </div>
  <div class="Item">
    <div>2B</div>
  </div>
</div>