在Flex布局中用3替换3列

Question

如何计算弯曲宽度？如果我有3列，我将如何补偿删除其中一列，即用1替换2个flex列并保持完全相同的宽度。它有可能吗？

实施例： https://jsfiddle.net/xssyv8y1/

section {
  display: flex;
  height: 200px;

  div {
    &:first-child {
      flex: 1 0 100px;
    }
    &:nth-child(2) {
      flex: 10 0 400px;
    }
    &:last-child {
      flex: 1 0 150px;
      display: none;
    }
  }
}